:root{--color-bg:#0f0f1a;--color-surface:#1a1a2e;--color-surface-2:#242438;--color-border:#ffffff14;--color-primary:#7c6bff;--color-primary-hover:#6a59e8;--color-text:#e8e8f0;--color-muted:#7878a0;--color-error:#ff6b6b;--color-success:#51cf66;--radius:14px;--radius-sm:8px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--font:system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;min-height:100dvh}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.page{max-width:480px;min-height:100dvh;padding:var(--space-lg) var(--space-md);flex-direction:column;margin:0 auto;display:flex}.page__body{flex:1}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:var(--space-lg)}.card+.card{margin-top:var(--space-md)}.stack,.form{gap:var(--space-md);flex-direction:column;display:flex}.field{gap:var(--space-xs);flex-direction:column;display:flex}.field label{color:var(--color-muted);font-size:.875rem;font-weight:500}.field input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-family:var(--font);padding:12px var(--space-md);outline:none;width:100%;font-size:1rem;transition:border-color .15s}.field input:focus{border-color:var(--color-primary)}.field input.input--error{border-color:var(--color-error)}.field__error{color:var(--color-error);font-size:.8rem}.btn{border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font);padding:14px var(--space-lg);text-align:center;border:none;width:100%;font-size:1rem;font-weight:600;transition:background .15s,opacity .15s}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--ghost{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface-2)}.btn:disabled{opacity:.5;cursor:not-allowed}a.btn--disabled,a.btn[aria-disabled=true]{opacity:.5;pointer-events:none;cursor:not-allowed}.auth{max-width:400px;min-height:100dvh;padding:var(--space-xl) var(--space-md);justify-content:center;gap:var(--space-xl);flex-direction:column;margin:0 auto;display:flex}.auth__logo{text-align:center}.auth__logo-name{letter-spacing:-.5px;font-size:1.5rem;font-weight:700}.auth__form-title{margin-bottom:var(--space-lg);font-size:1.5rem;font-weight:700}.auth__alt{text-align:center;color:var(--color-muted);margin-top:var(--space-md);font-size:.9rem}.auth-error{border-radius:var(--radius-sm);color:var(--color-error);padding:var(--space-sm) var(--space-md);background:#ff6b6b1f;border:1px solid #ff6b6b4d;font-size:.9rem}.stub{justify-content:center;align-items:center;gap:var(--space-md);min-height:100dvh;padding:var(--space-lg);text-align:center;flex-direction:column;display:flex}.stub__title{font-size:1.25rem;font-weight:600}.stub__muted{color:var(--color-muted);font-size:.9rem}.page-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:flex-start;display:flex}.page-header--center{align-items:center}.page-title{font-size:1.5rem;font-weight:700}.page-subtitle{color:var(--color-muted);font-size:.875rem}.text-center{text-align:center}.text-muted{color:var(--color-muted)}.text-error{color:var(--color-error)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.text-sm{font-size:.9rem}.text-xs{font-size:.85rem}.field-label{color:var(--color-muted);font-size:.875rem}.field-value{margin-top:var(--space-xs)}.course-grid{gap:var(--space-md);flex-direction:column;display:flex}