:root{--tc-slate:100 116 139;--tc-gray:107 114 128;--tc-zinc:113 113 122;--tc-neutral:115 115 115;--tc-stone:120 113 108;--tc-taupe:142 124 109;--tc-mauve:163 107 138;--tc-mist:122 143 150;--tc-olive:120 136 90;--tc-red:239 68 68;--tc-orange:249 115 22;--tc-amber:245 158 11;--tc-yellow:234 179 8;--tc-lime:132 204 22;--tc-green:34 197 94;--tc-emerald:16 185 129;--tc-teal:20 184 166;--tc-cyan:6 182 212;--tc-sky:14 165 233;--tc-blue:59 130 246;--tc-indigo:99 102 241;--tc-violet:139 92 246;--tc-purple:168 85 247;--tc-fuchsia:217 70 239;--tc-pink:236 72 153;--tc-rose:244 63 94}html{min-height:100%;overflow:hidden}.login-bg{overscroll-behavior:none;touch-action:pan-y;background:#03050f;width:100%;max-width:100vw;min-height:100dvh;position:relative;overflow:clip}@supports not (overflow:clip){.login-bg{overflow:hidden}}.login-bg>.aurora,.login-bg>.gloss-sweep,.login-bg>.orb,.login-bg>.grid-overlay,.login-bg>.star{pointer-events:none}.aurora{z-index:0;background:radial-gradient(ellipse 130% 70% at 10% 30%, rgba(var(--theme-rgb,168 85 247), .28) 0%, transparent 55%), radial-gradient(ellipse 100% 90% at 90% 70%, rgba(var(--theme-rgb,168 85 247), .2) 0%, transparent 50%), radial-gradient(ellipse 80% 60% at 50% 10%, #db277726 0%, transparent 45%), radial-gradient(ellipse 70% 50% at 70% 90%, #3b82f61f 0%, transparent 40%);animation:10s ease-in-out infinite alternate auroraPulse;position:fixed;inset:-8px}@keyframes auroraPulse{0%{filter:brightness()saturate(1.2);transform:scale(1)rotate(0)}50%{filter:brightness(1.15)saturate(1.5);transform:scale(1.06)rotate(1deg)}to{filter:brightness(1.05)saturate(1.3);transform:scale(1.02)rotate(-1deg)}}.gloss-sweep{z-index:1;pointer-events:none;background:linear-gradient(135deg,#0000 30%,#ffffff03 40%,#ffffff08 50%,#ffffff03 60%,#0000 70%) 0 0/300% 300%;animation:8s ease-in-out infinite glossMove;position:fixed;inset:-8px}@keyframes glossMove{0%,to{background-position:0 0}50%{background-position:100% 100%}}.orb{opacity:0;border-radius:50%;animation:8s ease-in-out infinite orbDrift;position:fixed}.orb-1{background:radial-gradient(circle at 35% 35%, rgba(var(--theme-rgb,168 85 247), .25) 0%, rgba(var(--theme-rgb,168 85 247), .1) 40%, transparent 70%);filter:blur(50px);width:350px;height:350px;animation-delay:0s;top:-10%;left:-8%}.orb-2{filter:blur(40px);background:radial-gradient(circle at 40% 30%,#ec489933 0%,#9333ea1a 45%,#0000 70%);width:250px;height:250px;animation-delay:2s;top:60%;right:-5%}.orb-3{filter:blur(45px);background:radial-gradient(circle,#3b82f62e 0%,#0000 65%);width:200px;height:200px;animation-delay:4s;bottom:-5%;left:30%}@keyframes orbDrift{0%{opacity:0;transform:translateY(20px)scale(.95)}20%{opacity:.7}50%{opacity:1;transform:translateY(-15px)scale(1.05)}80%{opacity:.7}to{opacity:0;transform:translateY(20px)scale(.95)}}.grid-overlay{z-index:1;pointer-events:none;background-image:linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 80%,#000 30%,#0000 70%);mask-image:radial-gradient(80% 80%,#000 30%,#0000 70%)}.star{pointer-events:none;border-radius:50%;animation:3s ease-in-out infinite twinkle;position:fixed}.star-sm{background:#ffffff59;width:2px;height:2px}.star-md{background:#ffffff73;width:3px;height:3px}.star-lg{background:#ffffff8c;width:4px;height:4px;box-shadow:0 0 6px 1px #fff3}@keyframes twinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.login-card{-webkit-backdrop-filter:blur(32px)saturate(200%);background:#0a0e1cbf;border:1px solid #ffffff14;position:relative;overflow:hidden;box-shadow:0 25px 80px #0000008c,inset 0 0 0 1px #ffffff08,inset 0 -1px #ffffff0a}.login-card:before{content:"";z-index:20;background:linear-gradient(90deg,#0000 0%,#ffffff1f 30%,#ffffff2e 50%,#ffffff1f 70%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.left-panel-bg{z-index:0;opacity:.35;transition:background .6s;position:absolute;inset:0}.left-panel-glass{z-index:1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(135deg,#ffffff14 0%,#ffffff03 100%);position:absolute;inset:0}.left-panel-grid{z-index:2;background-image:radial-gradient(#ffffff14 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.logo-container{display:inline-block;position:relative}.logo-container:before{content:"";background:radial-gradient(circle, rgba(var(--theme-rgb,168 85 247), .45) 0%, transparent 70%);filter:blur(16px);border-radius:50%;animation:4s ease-in-out infinite alternate logoPulse;position:absolute;inset:-12px}@keyframes logoPulse{0%{opacity:.5;transform:scale(.9)}to{opacity:1;transform:scale(1.15)}}.logo-img-wrap{z-index:10;background:linear-gradient(135deg,#fff6 0%,#ffffff0d 50%,#fff3 100%);border-radius:50%;padding:3px;position:relative;box-shadow:0 12px 32px #0006,inset 0 1px #fff6}.logo-img-wrap img{border-radius:50%}.shimmer-line{background:linear-gradient(90deg,#0000,#ffffff40,#0000);height:1px;position:relative;overflow:hidden}.shimmer-line:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:100%;height:100%;animation:3s infinite shimmerMove;position:absolute;top:0;left:-100%}@keyframes shimmerMove{0%{left:-100%}to{left:200%}}.btn-google{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff1f;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-google:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff14 0%,#0000 100%);height:50%;position:absolute;top:0;left:0;right:0}.btn-google:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:40%;height:200%;transition:left .5s;position:absolute;top:-50%;left:-60%;transform:skew(-20deg)}.btn-google:hover:after{left:130%}.btn-google:hover{background:#ffffff24;border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 30px #0000004d,0 0 20px #ffffff0a}.btn-passkey{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0d;border:1px solid #ffffff14;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-passkey:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(#ffffff0f 0%,#0000 100%);height:50%;position:absolute;top:0;left:0;right:0}.btn-passkey:after{content:"";background:linear-gradient(90deg,#0000,#ffffff0f,#0000);width:40%;height:200%;transition:left .5s;position:absolute;top:-50%;left:-60%;transform:skew(-20deg)}.btn-passkey:hover:after{left:130%}.btn-passkey:hover{background:#ffffff1a;border-color:#ffffff26;transform:translateY(-2px);box-shadow:0 8px 30px #00000040}.btn-submit{transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-submit:before{content:"";border-radius:inherit;pointer-events:none;z-index:1;background:linear-gradient(#ffffff2e 0%,#ffffff0a 60%,#0000 100%);height:50%;position:absolute;top:0;left:0;right:0}.btn-submit:after{content:"";z-index:2;background:linear-gradient(90deg,#0000,#ffffff1f,#0000);width:40%;height:200%;transition:left .6s;position:absolute;top:-50%;left:-60%;transform:skew(-20deg)}.btn-submit:hover:after{left:130%}.btn-submit:hover{filter:brightness(1.15);transform:translateY(-2px)}.btn-submit:active{transform:translateY(0)}.btn-submit>span{z-index:3;position:relative}.glass-input{background:#ffffff0a;border:1px solid #ffffff14;transition:all .3s}.glass-input:focus{background:#ffffff0f;outline:none}.glass-input::placeholder{color:#ffffff4d}.fade-up{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards fadeUp;transform:translateY(28px)}.fade-up-d1{animation-delay:.1s}.fade-up-d2{animation-delay:.25s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.particle{pointer-events:none;background:#ffffff4d;border-radius:50%;width:2px;height:2px;animation:6s ease-in-out infinite particleFloat;position:absolute}@keyframes particleFloat{0%,to{opacity:0;transform:translateY(0)scale(0)}10%{opacity:1;transform:scale(1)}90%{opacity:1}to{opacity:0;transform:translateY(-120px)scale(.3)}}.eye-toggle{transition:color .2s}.eye-toggle:hover{color:#fff9}@media (width<=767px){.login-bg{align-items:stretch;padding:.5rem}.login-card{scrollbar-width:none;-webkit-overflow-scrolling:touch;max-height:calc(100dvh - 1rem);overflow:hidden auto}.login-card::-webkit-scrollbar{display:none}.login-card>div{padding:1.25rem}.logo-img-wrap{width:4.75rem;height:4.75rem}.left-panel .shimmer-line{margin-bottom:.5rem}.left-panel h1:first-of-type{font-size:.875rem}.left-panel h1:last-of-type{margin-bottom:.75rem;font-size:1.125rem}}