.landing-page,.auth-page{--void-bg:#070708;--void-fg:#f4f4f5;--void-muted:#6b6b76;--void-line:#ffffff0f;--void-accent:#6ec8ff;--void-accent-dim:#6ec8ff1f;background:var(--void-bg);min-height:100vh;color:var(--void-fg);font-family:var(--font-plex), system-ui, sans-serif;font-weight:300;line-height:1.6;position:relative}.auth-page{--void-auth-panel-bg:#070708;--void-auth-form-bg:#101014;--void-auth-border:#ffffff14;--void-auth-border-strong:#ffffff24;--void-auth-tab-track:#08080c;--void-auth-tab-active:#1c1c24;--void-auth-input:#1a1a22;--void-auth-surface:#0c0c11;background:var(--void-auth-form-bg)}.auth-segment{background:var(--void-auth-tab-track);border:1px solid var(--void-auth-border);border-radius:.75rem;gap:.25rem;margin-bottom:1rem;padding:.25rem;display:flex}.auth-segment__btn{border:1px solid #0000;border-radius:.5rem;flex:1;padding:.75rem 1rem;font-size:.875rem;font-weight:500;line-height:1.25;transition:color .15s,background .15s,border-color .15s,box-shadow .15s}.auth-segment__btn--inactive{color:#fff;opacity:.5;background:0 0}.auth-segment__btn--inactive:hover{opacity:.8}.auth-segment__btn--active{color:var(--void-auth-panel-bg);opacity:1;background:#fff;border-color:#0000;box-shadow:0 1px 2px #00000040}.auth-field{border:1px solid var(--void-auth-border-strong);background:var(--void-auth-input);width:100%;color:var(--void-fg);border-radius:.75rem;outline:none;padding:1rem 1.25rem;transition:border-color .15s,box-shadow .15s}.auth-field::placeholder{color:var(--void-muted)}.auth-field:focus{box-shadow:0 0 0 3px var(--void-accent-dim);border-color:#6ec8ff80}.auth-card{border:1px solid var(--void-auth-border);background:var(--void-auth-surface);border-radius:1rem;padding:.375rem}.auth-card--padded{padding:1.5rem}.auth-btn-secondary{border:1px solid var(--void-auth-border-strong);background:var(--void-auth-input);width:100%;color:var(--void-muted);border-radius:.75rem;justify-content:space-between;align-items:center;padding:1rem 1.25rem;transition:color .15s,border-color .15s;display:flex}.auth-btn-secondary:hover:not(:disabled){color:var(--void-fg);border-color:#6ec8ff59}.auth-btn-secondary:disabled{cursor:not-allowed;opacity:.5}.auth-page__panel{background:var(--void-auth-panel-bg)}.auth-page__form{background:var(--void-auth-form-bg)}.landing-page:before,.auth-page:before{content:"";pointer-events:none;z-index:100;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}html:has(.landing-page){scroll-behavior:smooth}@keyframes rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes float-phone{0%,to{transform:translate(-50%,-45%)perspective(800px)rotateY(-12deg)rotateX(8deg)}50%{transform:translate(-50%,-48%)perspective(800px)rotateY(-8deg)rotateX(6deg)}}@keyframes spin-orbit{to{transform:rotate(360deg)}}.landing-page .animate-rise-delay-1{opacity:0;animation:.8s .1s forwards rise}.landing-page .animate-rise-delay-2{opacity:0;animation:.9s .25s forwards rise}.landing-page .animate-rise-delay-3{opacity:0;animation:.9s .45s forwards rise}.landing-page .animate-rise-delay-4{opacity:0;animation:.9s .6s forwards rise}.landing-page .animate-rise-delay-5{opacity:0;animation:1.1s .75s forwards rise}.landing-page .animate-float-phone{animation:6s ease-in-out infinite float-phone}.landing-page .animate-spin-orbit{animation:24s linear infinite spin-orbit}.landing-page .animate-spin-orbit-reverse{animation:32s linear infinite reverse spin-orbit}