:root{color-scheme:light;--bg-dark:#06080d;--card-bg:#ffffff;--text-main:#0f172a;--text-muted:#64748b;--primary:#000000;--primary-hover:#1e293b;--accent:#10b981;--danger:#ef4444;--border:#e2e8f0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:#06080d;background-image:radial-gradient(ellipse 120% 70% at 50% -20%,rgba(30,41,59,.45),transparent 70%),radial-gradient(ellipse 80% 50% at 100% 100%,rgba(15,23,42,.6),transparent 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 900' preserveAspectRatio='none'%3E%3Cpath fill='%230b0f19' fill-opacity='0.7' d='M0,192L48,202.7C96,213,192,235,288,218.7C384,203,480,149,576,149.3C672,149,768,203,864,229.3C960,256,1056,256,1152,229.3C1248,203,1344,149,1392,122.7L1440,96L1440,900L1392,900C1344,900,1248,900,1152,900C1056,900,960,900,864,900C768,900,672,900,576,900C480,900,384,900,288,900C192,900,96,900,48,900L0,900Z'%3E%3C/path%3E%3Cpath fill='%23111827' fill-opacity='0.5' d='M0,320L48,298.7C96,277,192,235,288,229.3C384,224,480,256,576,266.7C672,277,768,267,864,240C960,213,1056,171,1152,170.7C1248,171,1344,213,1392,234.7L1440,256L1440,900L1392,900C1344,900,1248,900,1152,900C1056,900,960,900,864,900C768,900,672,900,576,900C480,900,384,900,288,900C192,900,96,900,48,900L0,900Z'%3E%3C/path%3E%3Cpath fill='%23172033' fill-opacity='0.35' d='M0,480L48,464C96,448,192,416,288,421.3C384,427,480,469,576,464C672,459,768,405,864,384C960,363,1056,373,1152,389.3C1248,405,1344,427,1392,437.3L1440,448L1440,900L1392,900C1344,900,1248,900,1152,900C1056,900,960,900,864,900C768,900,672,900,576,900C480,900,384,900,288,900C192,900,96,900,48,900L0,900Z'%3E%3C/path%3E%3C/svg%3E");background-size:cover;background-position:bottom;background-repeat:no-repeat;background-attachment:fixed;color:var(--text-main);padding:24px}.auth-wrapper,body{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center}.auth-wrapper{width:100%;padding:24px 16px}.auth-container{max-width:460px;width:100%;margin:auto}.auth-header-external{text-align:center;margin-bottom:24px}.auth-header-external h1{font-size:2.35rem;font-weight:800;color:#ffffff;letter-spacing:-.03em;text-shadow:0 2px 12px rgba(0,0,0,.45)}.auth-header-external p{font-size:.95rem;color:#94a3b8;margin-top:6px}.security-card{background:#ffffff;border-radius:16px;box-shadow:0 25px 50px -12px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.05);padding:36px 32px;position:relative;overflow:hidden}.security-header{text-align:center;margin-bottom:28px}.security-header h1{font-size:1.45rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.security-header p{font-size:.88rem;color:var(--text-muted);margin-top:6px}.step-panel{display:none}.step-panel.active{display:block;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:.85rem;font-weight:700;color:#334155;margin-bottom:6px}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:.95rem;color:#0f172a;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;background:#f8fafc}.input-wrapper input:focus,input:focus{background:#ffffff}.input-wrapper input:focus,details input:focus,input:focus{outline:none;border-color:#000000!important;box-shadow:0 0 0 3px rgba(0,0,0,.12)!important}input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 30px #f8fafc!important;-webkit-text-fill-color:#0f172a!important;caret-color:#0f172a}.otp-box{text-align:center;padding:14px;font-size:1.6rem!important;letter-spacing:6px;font-weight:800;font-family:monospace}.btn-submit{width:100%;padding:13px;background:#000000;color:#ffffff;border:none;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .05s ease;margin-top:8px}.btn-submit:hover:not(:disabled){background:#1e293b}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.error-banner{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c;padding:10px 14px;border-radius:8px;font-size:.85rem;font-weight:600;animation:fadeIn .2s ease-out}.error-banner,.info-box{margin-bottom:16px;display:block}.info-box{background:#f8fafc;border:1px solid #e2e8f0;color:#0f172a;padding:14px 16px;border-radius:8px;font-size:.88rem}.btn-link{background:none;border:none;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0;margin-top:14px;display:inline-block;transition:color .15s ease}.btn-link:hover{color:#0f172a}.strength-gauge{margin-top:6px;font-size:.78rem;font-weight:700;display:flex;align-items:center;gap:6px}.strength-gauge[data-level=weak]{color:#dc2626}.strength-gauge[data-level=medium]{color:#d97706}.strength-gauge[data-level=strong]{color:#059669}.auth-footer-external{text-align:center;margin-top:20px;font-size:.78rem;font-weight:600;color:#64748b;letter-spacing:.05em;text-transform:uppercase}