@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;font-size:16px}:root{--ink:#1a1612;--ink-soft:#3d3530;--ink-faint:#7a6f67;--cream:#faf6f0;--cream-mid:#f0e8dc;--amber:#c9772a;--amber-deep:#a85f1a;--amber-pale:#fdf1e4;--green:#2a7a4b;--red:#c0392b;--white:#fff;--radius-sm:4px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 3px #1a161214;--shadow-md:0 4px 20px #1a16121f;--shadow-lg:0 12px 48px #1a16122e;--font-display:"Playfair Display", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--transition:.18s ease}body{font-family:var(--font-body);background:var(--cream);color:var(--ink);line-height:1.55}.loading-root{background:var(--ink);flex-direction:column;justify-content:center;align-items:center;gap:28px;min-height:100dvh;display:flex}.loading-mark{font-family:var(--font-display);color:var(--amber);letter-spacing:.12em;font-size:2.5rem;font-weight:700}.loading-dots{gap:8px;display:flex}.loading-dots span{background:var(--amber);opacity:.3;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.login-root{background:radial-gradient(ellipse 80% 60% at 50% 0%, #c9772a1f 0%, transparent 60%), var(--cream);grid-template-columns:1fr;place-items:center;min-height:100dvh;padding:24px;display:grid}.login-card{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);border:1px solid var(--cream-mid);padding:48px 40px 36px}.login-brand{text-align:center;margin-bottom:36px}.login-brand-mark{align-items:baseline;gap:1px;margin-bottom:12px;display:inline-flex}.brand-c{font-family:var(--font-display);color:var(--amber);font-size:3rem;font-weight:700;line-height:1}.brand-cc{font-family:var(--font-display);color:var(--ink-soft);letter-spacing:.04em;font-size:1.6rem;font-weight:600;line-height:1}.login-brand-name{font-family:var(--font-display);color:var(--ink);letter-spacing:.02em;font-size:.95rem;font-weight:600}.login-brand-sub{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:.78rem}.login-form{flex-direction:column;gap:20px;display:flex}.field-group{flex-direction:column;gap:7px;display:flex}.field-label{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;font-size:.8rem;font-weight:500}.field-input{border:1.5px solid var(--cream-mid);border-radius:var(--radius-sm);height:44px;font-family:var(--font-body);color:var(--ink);background:var(--cream);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:0 14px;font-size:.95rem}.field-input:focus{border-color:var(--amber);background:var(--white);box-shadow:0 0 0 3px #c9772a1f}.field-input:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--amber);height:46px;color:var(--white);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;transition:background var(--transition), transform var(--transition);letter-spacing:.02em;border:none;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:.95rem;font-weight:500;display:flex}.btn-primary:hover:not(:disabled){background:var(--amber-deep);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{height:46px;color:var(--ink-soft);border:1.5px solid var(--cream-mid);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;transition:border-color var(--transition), color var(--transition);background:0 0;padding:0 20px;font-size:.9rem}.btn-ghost:hover:not(:disabled){border-color:var(--ink-soft);color:var(--ink)}.btn-ghost:disabled{opacity:.4;cursor:not-allowed}.btn-ghost-sm{height:32px;color:var(--ink-faint);border:1px solid var(--cream-mid);border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;transition:color var(--transition), border-color var(--transition);background:0 0;padding:0 14px;font-size:.82rem}.btn-ghost-sm:hover{color:var(--ink);border-color:var(--ink-soft)}.btn-expand{border:1px solid var(--cream-mid);border-radius:var(--radius-sm);font-size:.78rem;font-family:var(--font-body);color:var(--amber);cursor:pointer;white-space:nowrap;transition:background var(--transition);background:0 0;padding:4px 10px}.btn-expand:hover{background:var(--amber-pale)}.spinner{border:2px solid #ffffff4d;border-top-color:var(--white);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{border-radius:var(--radius-sm);color:var(--red);background:#fdf1f1;border:1px solid #f5c5c5;padding:11px 14px;font-size:.88rem;line-height:1.45}.login-footer-note{color:var(--ink-faint);text-align:center;margin-top:20px;font-size:.78rem;line-height:1.5}.legal-root{background:radial-gradient(ellipse 100% 40% at 50% 0%, #c9772a14 0%, transparent 55%), var(--cream);place-items:start center;min-height:100dvh;padding:40px 24px;display:grid}.legal-card{background:var(--white);border-radius:var(--radius-lg);width:100%;max-width:680px;box-shadow:var(--shadow-md);border:1px solid var(--cream-mid);padding:48px 44px 36px}.legal-header{border-bottom:1px solid var(--cream-mid);align-items:flex-start;gap:20px;margin-bottom:36px;padding-bottom:32px;display:flex}.legal-brand-mark{background:var(--amber);border-radius:var(--radius-sm);width:48px;height:48px;font-family:var(--font-display);color:var(--white);letter-spacing:.05em;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;display:flex}.legal-title{font-family:var(--font-display);color:var(--ink);margin-bottom:8px;font-size:1.45rem;font-weight:700;line-height:1.25}.legal-subtitle{color:var(--ink-faint);font-size:.9rem;line-height:1.55}.legal-docs{flex-direction:column;gap:16px;margin-bottom:28px;display:flex}.legal-doc{border:1.5px solid var(--cream-mid);border-radius:var(--radius-md);transition:border-color var(--transition);overflow:hidden}.legal-doc.accepted{border-color:var(--green)}.legal-doc-header{justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.legal-doc-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.legal-doc-label{color:var(--ink);font-size:.92rem;font-weight:500}.legal-doc-version,.legal-doc-date{color:var(--ink-faint);background:var(--cream);border-radius:20px;padding:2px 7px;font-size:.75rem}.legal-doc-content{border-top:1px solid var(--cream-mid);padding:0 18px 16px}.legal-doc-text{white-space:pre-wrap;max-height:240px;font-family:var(--font-body);color:var(--ink-soft);padding-top:14px;font-size:.82rem;line-height:1.65;overflow-y:auto}.legal-doc-placeholder{color:var(--ink-faint);padding-top:14px;font-size:.85rem;font-style:italic}.legal-checkbox-row{background:var(--cream);border-top:1px solid var(--cream-mid);cursor:pointer;align-items:flex-start;gap:10px;padding:14px 18px;display:flex}.legal-checkbox{width:16px;height:16px;accent-color:var(--amber);cursor:pointer;flex-shrink:0;margin-top:2px}.legal-checkbox-label{color:var(--ink-soft);cursor:pointer;font-size:.88rem;line-height:1.45}.legal-actions{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.legal-footer-note{color:var(--ink-faint);text-align:center;font-size:.76rem}.dashboard-root{background:var(--cream);flex-direction:column;min-height:100dvh;display:flex}.dashboard-header{background:var(--ink);border-bottom:2px solid var(--amber);justify-content:space-between;align-items:center;height:60px;padding:0 28px;display:flex}.dashboard-brand{font-family:var(--font-display);color:var(--amber);letter-spacing:.1em;font-size:1.1rem;font-weight:700}.dashboard-header-right{align-items:center;gap:16px;display:flex}.dashboard-tutor-name{color:#ffffffb3;font-size:.88rem}.dashboard-main{flex:1;place-items:center;padding:48px 24px;display:grid}.dashboard-welcome{text-align:center;max-width:480px}.dashboard-welcome-icon{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;font-size:1.6rem;display:flex;box-shadow:0 4px 16px #2a7a4b4d}.dashboard-welcome-title{font-family:var(--font-display);color:var(--ink);margin-bottom:12px;font-size:1.8rem;font-weight:700}.dashboard-welcome-sub{color:var(--ink-faint);margin-bottom:6px;font-size:.92rem}.dashboard-badge-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:28px;display:flex}.badge{background:var(--green);color:#fff;letter-spacing:.03em;border-radius:20px;padding:6px 14px;font-size:.78rem;font-weight:500}.badge.pending{background:var(--cream-mid);color:var(--ink-faint)}@media (width<=520px){.login-card{padding:36px 24px 28px}.legal-card{padding:32px 20px 28px}.legal-header{flex-direction:column}.legal-actions{flex-direction:column-reverse}.legal-actions .btn-ghost,.legal-actions .btn-primary{width:100%}}