*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:#eaedf2;color:#0b0f1a;font-family:Inter,system-ui,sans-serif}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px}.auth-container{width:100%;max-width:920px}.auth-brand{text-align:center;margin-bottom:28px}.auth-brand-img{display:block;height:44px;margin:0 auto 8px}.auth-tagline{margin:0;font-family:JetBrains Mono,Menlo,monospace;font-size:10px;color:#64748b;letter-spacing:.12em;text-transform:uppercase}.auth-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:760px){.auth-grid{grid-template-columns:1fr}}.auth-card{background:#fff;border:1px solid #cbd2dc;border-left:3px solid #235789;padding:22px 24px 24px;display:flex;flex-direction:column}.auth-card-login{background:#f6f2fa;border-color:#ddd2e6;border-left-color:#5c2c7a}.auth-card-register{background:#eef8fa;border-color:#c7e4e8;border-left-color:#76c3cb}.auth-eyebrow{display:flex;align-items:center;gap:8px;font-family:JetBrains Mono,Menlo,monospace;font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#b45309;margin-bottom:4px}.auth-glyph{font-size:11px;color:#b45309}.auth-title{font-size:16px;font-weight:600;letter-spacing:-.005em;margin:0 0 14px}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-form[hidden]{display:none}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-label{display:block;font-family:JetBrains Mono,Menlo,monospace;font-size:9px;color:#64748b;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}.auth-form input{width:100%;padding:9px 11px;border:1px solid #cbd2dc;border-radius:6px;background:#fff;color:#0b0f1a;font:14px Inter,system-ui,sans-serif}.auth-form input:focus{outline:none;border-color:#235789;box-shadow:0 0 0 3px #23578926}.auth-otp-input{text-align:center;font-family:JetBrains Mono,monospace!important;font-size:18px!important;letter-spacing:.28em;font-variant-numeric:tabular-nums}.auth-btn{width:100%;padding:10px 14px;border:1px solid #235789;background:#235789;color:#fff;font-family:JetBrains Mono,Menlo,monospace;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;margin-top:4px;transition:background .12s,border-color .12s}.auth-btn:hover{background:#1a4060;border-color:#1a4060}.auth-btn:disabled{opacity:.55;cursor:not-allowed}.auth-hint{font-size:11.5px;line-height:1.5;color:#64748b;margin:6px 0 0}.auth-hint a{color:#235789;font-weight:600;text-decoration:none}.auth-hint a:hover{text-decoration:underline}.auth-otp-info{font-size:12px;color:#475569;margin:0 0 4px}.auth-otp-info strong{font-family:JetBrains Mono,monospace;font-size:11px;color:#0b0f1a}.auth-msg{padding:8px 12px;font-size:12px;margin-bottom:8px;border:1px solid}.auth-msg[hidden]{display:none}.auth-msg-error{background:#fef2f2;color:#991b1b;border-color:#fecaca}.auth-msg-success,.auth-msg-info{background:#f0f7ff;color:#235789;border-color:#bfdbfe}.auth-notis{margin-bottom:16px;text-align:center}.auth-footer{text-align:center;font-family:JetBrains Mono,monospace;font-size:9px;color:#94a3b8;letter-spacing:.12em;margin:28px 0 0}