.login-scene{display:flex;align-items:safe center;justify-content:center;min-height:100vh;min-height:100dvh;overflow-y:auto;padding:40px;background-color:var(--secondary)}.login-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);width:min(960px,100%);overflow:hidden;box-shadow:0 1px 2px rgba(22,20,15,.04),0 8px 24px -12px rgba(22,20,15,.1);animation:crt-in .72s steps(11) both;transition:box-shadow .18s,transform .18s}.login-card:hover{transform:translateY(-1px);box-shadow:0 1px 2px rgba(22,20,15,.04),0 12px 28px -12px rgba(22,20,15,.14)}.login-titlebar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--card);border-bottom:1px solid var(--border);font-family:var(--font-mono),ui-monospace,monospace;font-size:14px;text-transform:lowercase;color:var(--foreground);user-select:none}.login-title{flex:1;text-align:center;font-weight:500}.login-split{display:flex;flex-direction:row}.login-left{flex:1;border-right:1px solid var(--border);display:flex;align-items:center;justify-content:center;background:var(--foreground);overflow:hidden}.login-video{width:100%;height:100%;object-fit:cover;display:block}.login-right{flex:1;padding:48px 48px 44px;justify-content:center;gap:28px}.login-form,.login-right{display:flex;flex-direction:column}.login-form{gap:20px;width:100%}.login-label{font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);font-weight:500;margin:0}.login-headline{font-family:var(--font-heading),ui-sans-serif,system-ui,sans-serif;font-weight:800;font-size:clamp(22px,2.8vw,30px);line-height:1.08;letter-spacing:-.02em;color:var(--foreground);margin:0;text-wrap:balance}.login-headline em{color:var(--primary);font-style:italic;font-weight:800}.login-field{display:flex;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:0 0 0 22px;width:100%;overflow:hidden;transition:box-shadow .2s;box-shadow:0 1px 2px rgba(22,20,15,.06)}.login-field:focus-within{box-shadow:0 0 0 3px color-mix(in oklab,var(--ring) 18%,transparent)}.login-field input{flex:1;min-width:0;background:transparent;border:0;outline:0;padding:14px 16px 14px 0;font-size:15px;color:var(--foreground);font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif}.login-field input::placeholder{color:rgba(15,15,15,.35)}.login-field input:-webkit-autofill,.login-field input:-webkit-autofill:focus,.login-field input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 40px var(--card) inset;-webkit-text-fill-color:var(--foreground);transition:background-color 5000s ease-in-out 0s}.login-code-header{margin-bottom:-4px}.login-code-actions{display:flex;align-items:center;gap:12px}.login-back-btn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:0 1px 2px rgba(22,20,15,.06);color:var(--foreground);cursor:pointer;display:inline-flex;flex:0 0 auto;font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;font-weight:500;justify-content:center;letter-spacing:.06em;min-width:86px;padding:14px 18px;text-transform:uppercase;transition:color .15s,transform .15s,box-shadow .15s}.login-back-btn:hover{color:var(--primary)}.login-back-btn:disabled{opacity:.5;cursor:not-allowed}.login-code-grid{display:grid;gap:10px;grid-template-columns:repeat(6,minmax(0,1fr))}.login-code-grid input[type=text]{aspect-ratio:1;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 2px rgba(22,20,15,.06);color:var(--foreground);font-family:var(--font-mono),ui-monospace,monospace;font-size:clamp(20px,4vw,30px);font-weight:700;text-align:center;transition:box-shadow .2s,transform .15s}.login-code-grid input[type=text]:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--ring) 18%,transparent);outline:0;transform:translateY(-1px)}.login-code-actions .login-cta{flex:1;min-width:0}.login-eye{display:flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0 18px 0 4px;background:transparent;border:0;outline:0;cursor:pointer;color:var(--foreground);opacity:.5;transition:opacity .15s}.login-eye:hover{opacity:1}.login-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--primary);color:var(--primary-foreground);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 24px;font-family:var(--font-heading),ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:16px;cursor:pointer;transition:background .2s,transform .15s,box-shadow .15s;box-shadow:0 1px 2px rgba(22,20,15,.06)}.login-cta:hover{background:var(--orange-deep)}.login-cta:active{transform:translateY(2px);box-shadow:0 1px 2px rgba(22,20,15,.06)}.login-cta:disabled{opacity:.5;cursor:not-allowed}.login-cta svg{width:18px;height:18px;transition:transform .2s}.login-cta:hover svg{transform:translateX(2px)}.login-toggle{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 1px 2px rgba(22,20,15,.06)}.login-toggle button{flex:1;padding:8px 16px;font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;border:0;cursor:pointer;transition:background .15s,color .15s;background:transparent;color:var(--muted-foreground);border-radius:calc(var(--radius-md) - 2px)}.login-toggle button[data-active=true]{background:var(--card);color:var(--foreground);box-shadow:0 1px 2px rgba(22,20,15,.06)}.login-error{font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--destructive);margin:0;padding:8px 0}.login-social-row{display:flex;flex-direction:column;gap:12px;width:100%}.login-social-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 20px;font-family:var(--font-heading),ui-sans-serif,system-ui,sans-serif;font-weight:700;font-size:15px;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:0 1px 2px rgba(22,20,15,.06)}.login-social-btn:hover{background:var(--muted)}.login-social-btn:active{transform:translateY(2px);box-shadow:0 1px 2px rgba(22,20,15,.06)}.login-social-btn:disabled{opacity:.5;cursor:not-allowed}.login-social-btn svg{width:18px;height:18px;flex-shrink:0}.login-divider{display:flex;align-items:center;gap:12px;font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--foreground);opacity:.6}.login-divider:after,.login-divider:before{content:"";flex:1;height:1px;background:var(--border);opacity:.35}.login-copy{font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif;font-size:14px;line-height:1.5;color:var(--foreground);margin:0}.login-reset-row{display:flex;justify-content:flex-end;margin-top:-8px}.login-reset-link{font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--foreground);text-decoration:underline;text-underline-offset:3px;transition:color .15s}.login-reset-link:hover{color:var(--primary)}@keyframes crt-in{0%{opacity:0;transform:scaleY(.04) scaleX(1.18);filter:brightness(2.4) contrast(1.5) drop-shadow(5px 0 0 rgba(255,0,80,.55)) drop-shadow(-5px 0 0 rgba(0,200,255,.55))}10%{opacity:1;transform:scaleY(.04) scaleX(.94);filter:brightness(2.4) contrast(1.4)}20%{transform:scaleY(.3) scaleX(1.06);filter:brightness(1.9)}32%{transform:scaleY(.78) scaleX(.94) translate(-5px);filter:brightness(1.55)}44%{transform:scaleY(1.1) scaleX(1.04) translate(4px);filter:brightness(1.3)}56%{transform:scaleY(.97) scaleX(1) translate(-2px);filter:brightness(1.14)}70%{transform:scale(1.02) translate(0);filter:brightness(1.05)}to{opacity:1;transform:scale(1) translate(0);filter:none}}@keyframes login-shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-5px)}40%,60%{transform:translateX(5px)}}.login-shake{animation:login-shake .4s}@media (prefers-reduced-motion:reduce){.login-card{animation:none!important}}@media (max-width:720px){.login-scene{padding:24px 16px}.login-split{flex-direction:column}.login-left{border-right:none;border-bottom:1px solid var(--border);max-height:200px}.login-right{padding:22px 18px;gap:16px}.login-title{font-size:12px}.login-headline{font-size:clamp(19px,5.4vw,24px)}.login-field{padding-left:14px}.login-field input{font-size:14px;padding:10px 12px 10px 0}.login-code-grid{gap:6px}.login-code-grid input[type=text]{border-radius:8px;font-size:20px}.login-cta{padding:10px 16px;font-size:14px}.login-back-btn{min-width:72px;padding:10px 12px}}