*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font-sans,"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background:var(--bg-primary,#000);color:var(--text-primary,#fafafa);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-primary,#52525259);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#737373)}html{scrollbar-width:thin;scrollbar-color:var(--border-primary,#52525259) transparent}#auth-root{min-height:100dvh}.auth-page{background:var(--bg-primary,#000);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";background:radial-gradient(ellipse at center, var(--accent-glow,#f59e0b1f) 0%, transparent 70%);pointer-events:none;z-index:0;width:80%;height:80%;position:absolute;top:-40%;right:-20%}.auth-page:after{content:"";background-image:radial-gradient(var(--text-muted,#94a3b859) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 70%);mask-image:radial-gradient(#000 30%,#0000 70%)}.brand-logo{font-family:var(--font-sans,"Inter", sans-serif);letter-spacing:-.03em;color:var(--text-primary,#fafafa);margin-bottom:2px;font-size:1.8rem;font-weight:800}.brand-logo span{background:linear-gradient(135deg, var(--accent-secondary,#d97706), #6366f1);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.brand-subtitle{font-size:var(--font-size-sm,.78rem);color:var(--text-muted,#737373);letter-spacing:-.01em;font-weight:400}.glass-card{background:var(--bg-secondary,#0a0a0a);border:1px solid var(--border-primary,#52525259);isolation:isolate;border-radius:20px;box-shadow:0 8px 40px #0006}.card-scene{perspective:1200px;z-index:10;width:min(420px,92vw)}.card-inner{width:100%;height:520px;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1);position:relative}.card-inner.tall{height:680px}.card-inner.flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;flex-direction:column;padding:36px 32px;display:flex;position:absolute;inset:0}.card-face-back{transform:rotateY(180deg)}@media (width<=480px){.card-face{padding:28px 22px}}.auth-input-group{margin-bottom:16px;position:relative}.auth-input-group input,.auth-input-group select{border:none;border-bottom:1.5px solid var(--border-secondary,#52525240);width:100%;color:var(--text-primary,#fafafa);font-size:var(--font-size-base,.84rem);caret-color:var(--accent-primary,#f59e0b);background:0 0;border-radius:0;outline:none;padding:10px 0;font-family:inherit;transition:border-color .25s}.auth-input-group input::placeholder{color:var(--text-muted,#737373)}.auth-input-group input:focus{border-bottom-color:var(--accent-primary,#f59e0b)}.auth-input-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M5 7L1 3h8z' fill='%23737373'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:28px}.auth-submit{background:var(--text-primary,#fafafa);width:100%;color:var(--bg-primary,#000);font-size:var(--font-size-base,.85rem);cursor:pointer;letter-spacing:-.01em;border:none;border-radius:10px;padding:11px 20px;font-family:inherit;font-weight:600;transition:opacity .2s,transform .15s}.auth-submit:hover:not(:disabled){opacity:.9}.auth-submit:active:not(:disabled){transform:scale(.985)}.auth-submit:disabled{opacity:.35;cursor:not-allowed}.auth-secondary{border:1px solid var(--border-secondary,#52525233);width:100%;color:var(--text-secondary,#a3a3a3);font-size:var(--font-size-base,.82rem);cursor:pointer;background:0 0;border-radius:10px;padding:10px 20px;font-family:inherit;font-weight:500;transition:border-color .2s,color .2s}.auth-secondary:hover{border-color:var(--border-primary,#52525266);color:var(--text-primary,#fafafa)}.toggle-track{background:var(--border-secondary,#52525240);cursor:pointer;border-radius:11px;width:38px;height:22px;transition:background .25s;position:relative}.toggle-track.active{background:var(--accent-primary,#f59e0b)}.toggle-thumb{background:var(--text-primary,#fafafa);border-radius:50%;width:18px;height:18px;transition:transform .25s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px}.toggle-track.active .toggle-thumb{transform:translate(16px)}.auth-divider{align-items:center;gap:10px;margin:16px 0;display:flex}.auth-divider-line{background:var(--border-secondary,#52525226);flex:1;height:1px}.auth-divider-text{font-size:var(--font-size-xs,.68rem);color:var(--text-muted,#737373);flex-shrink:0}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.shake{animation:.45s shake}.auth-footer{text-align:center;font-size:var(--font-size-xs,.65rem);color:var(--text-muted,#737373);opacity:.5;z-index:1;margin-top:28px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.strength-track{background:var(--border-secondary,#52525226);border-radius:2px;height:3px;margin-top:6px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:width .3s,background .3s}.auth-scroll{scroll-behavior:smooth;overflow:hidden auto;-webkit-mask-image:linear-gradient(#000 85%,#0000 100%);mask-image:linear-gradient(#000 85%,#0000 100%)}@media (width<=480px){.brand-logo{font-size:1.5rem}.glass-card{border-radius:16px}.auth-submit{padding:12px 18px;font-size:.85rem}}