.auth-v8{--ink-900:#06132b;--ink-800:#0a1d3f;--ink-700:#0f2b59;--ink-600:#16376f;--ink-500:#1a4a94;--blue-600:#1d66d8;--blue-500:#3380f0;--blue-400:#61a0ff;--blue-100:#ddebff;--blue-50:#f3f8ff;--teal-500:#00a58e;--teal-100:#ddf6f1;--accent-500:#f35f44;--gold-500:#c9a84c;--green-500:#059669;--green-50:#ecfdf5;--red-600:#dc2626;--red-50:#fff5f5;--text-900:#0b1521;--text-700:#2d3e52;--text-500:#5a6a7e;--text-400:#8496a8;--border:#e4e8ef;--border-lg:#cdd4e0;--r-md:10px;--r-lg:14px;--r-xl:18px;--r-2xl:24px;--r-full:9999px;--shadow-2xl:0 25px 50px #00000026;--shadow-blue:0 4px 14px #1a56db4d;--t-base:.2s;--t-fast:.12s;--ease:cubic-bezier(.16, 1, .3, 1)}.auth-v8 .auth-screen{background:linear-gradient(130deg,#f2f6fb 0%,#eef2f8 55%,#edf1f6 100%);grid-template-columns:minmax(380px,48%) 1fr;min-height:100dvh;display:grid}.auth-v8 .auth-hero{color:#fff;background:linear-gradient(140deg,#1452c7 0%,#0f3f9f 38%,#0f8576 100%);flex-direction:column;justify-content:center;gap:24px;padding:56px clamp(24px,5vw,60px);display:flex;position:relative;overflow:hidden}.auth-v8 .auth-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#f35f4466,#f35f4400);border-radius:50%;width:440px;height:440px;position:absolute;inset:auto -20% -35% auto}.auth-v8 .auth-hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#61a0ff52,#61a0ff00);border-radius:50%;width:280px;height:280px;position:absolute;top:-120px;left:-120px}.auth-v8 .hero-brand{letter-spacing:.02em;opacity:.95;font-size:.95rem;font-weight:700}.auth-v8 .hero-title{letter-spacing:-.02em;max-width:420px;font-size:clamp(2rem,4.3vw,3.4rem);font-weight:800;line-height:1.05}.auth-v8 .hero-highlight{background:var(--accent-500);border-radius:10px;margin-top:8px;padding:4px 10px 6px;display:inline-block}.auth-v8 .hero-sub{color:#ffffffeb;max-width:430px;font-size:1.05rem;line-height:1.45}.auth-v8 .hero-note{color:#ffffffe0;max-width:420px;margin-top:6px;font-size:.95rem}.auth-v8 .auth-panel{justify-content:center;align-items:center;padding:28px;display:flex}.auth-v8 .auth-card{border-radius:var(--r-2xl);width:100%;max-width:460px;animation:authIn .4s var(--ease) both;background:#fff;border:1px solid #091f4a14;overflow:hidden;box-shadow:0 28px 60px #0712272e}@keyframes authIn{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}.auth-v8 .auth-header{background:linear-gradient(135deg, var(--ink-800), var(--ink-600));text-align:center;isolation:isolate;padding:28px 28px 24px;position:relative}.auth-v8 .auth-logo-wrap{z-index:2;justify-content:center;align-items:center;gap:10px;margin-bottom:6px;display:flex;position:relative;opacity:1!important}.auth-v8 .auth-title{color:#fff;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600}.auth-v8 .auth-sub{color:#ffffff9e;margin-top:2px;font-size:.8125rem}.auth-v8 .auth-body{padding:28px}.auth-v8 .auth-step{display:none}.auth-v8 .auth-step.active{animation:.2s fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.auth-v8 .auth-method-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px;display:grid}.auth-v8 .auth-method-btn{border:2px solid var(--border-lg);border-radius:var(--r-lg);cursor:pointer;transition:all var(--t-base);background:#fff;flex-direction:column;align-items:center;gap:6px;padding:14px;display:flex}.auth-v8 .auth-method-btn:hover{border-color:var(--blue-400);background:var(--blue-50)}.auth-v8 .auth-method-btn.selected{border-color:var(--teal-500);background:var(--teal-100)}.auth-v8 .auth-method-icon{font-size:1.5rem}.auth-v8 .auth-method-label{color:var(--text-700);font-size:.75rem;font-weight:600}.auth-v8 .auth-method-desc{color:var(--text-400);text-align:center;font-size:.6875rem}.auth-v8 .otp-row{justify-content:center;gap:8px;margin:16px 0;display:flex}.auth-v8 .otp-input{text-align:center;border:2px solid var(--border-lg);border-radius:var(--r-md);width:44px;height:52px;transition:border-color var(--t-fast);color:var(--text-900);background:#fff;outline:none;font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700}.auth-v8 .otp-input:focus{border-color:var(--blue-400);box-shadow:0 0 0 3px #4f8ef726}.auth-v8 .otp-input.filled{border-color:var(--green-500);background:var(--green-50)}.auth-v8 .auth-resend{color:var(--text-400);text-align:center;margin-top:12px;font-size:.75rem}.auth-v8 .auth-resend a{color:var(--blue-500);cursor:pointer;font-weight:600}.auth-v8 .auth-success-icon{text-align:center;margin:16px 0 12px;font-size:3rem}.auth-v8 .auth-footer{padding:0 28px 24px}.auth-v8 .btn{border-radius:var(--r-md);cursor:pointer;transition:all var(--t-fast) var(--ease);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-family:Plus Jakarta Sans,sans-serif;font-size:.8125rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex}.auth-v8 .btn:active{transform:scale(.98)}.auth-v8 .btn-primary{background:linear-gradient(90deg, var(--blue-600), #1f75ef);color:#fff;box-shadow:var(--shadow-blue)}.auth-v8 .btn-primary:hover{background:linear-gradient(90deg, var(--blue-500), #1d69d8);transform:translateY(-1px);box-shadow:0 6px 20px #1a56db66}.auth-v8 .btn-block{width:100%}.auth-v8 .btn-lg{border-radius:var(--r-lg);padding:11px 22px;font-size:.9375rem}.auth-v8 .auth-error{border-radius:var(--r-md);color:var(--red-600);background:#dc26260f;border:1px solid #dc262640;margin-bottom:16px;padding:12px 14px;font-size:.8125rem;line-height:1.55}.auth-v8 .form-group{margin-bottom:16px}.auth-v8 .form-label{color:var(--text-700);align-items:center;gap:4px;margin-bottom:5px;font-size:.8125rem;font-weight:600;display:flex}.auth-v8 .form-control{border:1.5px solid var(--border-lg);border-radius:var(--r-md);width:100%;color:var(--text-900);transition:border-color var(--t-fast), box-shadow var(--t-fast);background:#fff;outline:none;padding:9px 12px;font-size:.875rem;line-height:1.5}.auth-v8 .form-control:focus{border-color:var(--teal-500);box-shadow:0 0 0 3px #00a58e24}.auth-v8 .form-control::placeholder{color:var(--text-400)}@keyframes loadBar{0%{width:0}to{width:100%}}@media (max-width:980px){.auth-v8 .auth-screen{grid-template-columns:1fr}.auth-v8 .auth-hero{min-height:280px;padding:34px 22px}.auth-v8 .hero-title{font-size:clamp(1.6rem,8vw,2.3rem)}.auth-v8 .auth-panel{margin-top:-30px;padding:16px}.auth-v8 .auth-card{border-radius:18px}}.auth-v8 .auth-card--wide{max-width:640px}.auth-v8 .portal-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (max-width:520px){.auth-v8 .portal-grid{grid-template-columns:1fr}}.auth-v8 .portal-tile{border-radius:var(--r-lg);border:1.5px solid var(--border-lg);text-align:left;transition:border-color var(--t-fast), box-shadow var(--t-fast);background:linear-gradient(#fff 0%,#f8fafc 100%);flex-direction:column;gap:10px;padding:14px 14px 12px;display:flex}.auth-v8 .portal-tile:hover{border-color:var(--blue-400);box-shadow:0 8px 24px #07122714}.auth-v8 .portal-tile-top{align-items:flex-start;gap:10px;display:flex}.auth-v8 .portal-emoji{font-size:1.35rem;line-height:1}.auth-v8 .portal-name{color:var(--text-900);font-family:Cormorant Garamond,serif;font-size:1.05rem;font-weight:700;line-height:1.2}.auth-v8 .portal-desc{color:var(--text-500);margin-top:2px;font-size:.72rem;line-height:1.45}.auth-v8 .portal-actions{flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.auth-v8 .btn-ghost{color:var(--blue-600);border:1.5px solid var(--border-lg);background:#fff}.auth-v8 .btn-ghost:hover{border-color:var(--teal-500);background:var(--teal-100);transform:translateY(-1px)}.auth-v8 .btn-sm{border-radius:var(--r-md);padding:7px 12px;font-size:.75rem}