*{box-sizing:border-box;margin:0;padding:0;font-family:Poppins,system-ui,-apple-system,sans-serif}:root{--grade-scene:saturate(1.06) contrast(1.03) brightness(1);--accent:#a9c4ff;--accent-2:#6f83ff;--ok:#7fe3d6;--ok-2:#2fb8a6;--ink:#eef2ff;--muted:#eff3ffa8;--line:#ffffff24;--night:#070b18;--ease-out:cubic-bezier(.2, .7, .2, 1)}html,body{background:var(--night);width:100%;overflow-x:hidden}.scene{justify-content:center;align-items:center;width:100%;min-height:100svh;display:flex;position:relative;overflow:hidden}.bg{z-index:0;pointer-events:none;transform:translate3d(var(--px,0), var(--py,0), 0);position:absolute;inset:0;overflow:hidden}.bg__img{object-fit:cover;object-position:42% 42%;width:110%;height:110%;filter:var(--grade-scene);animation:46s ease-in-out infinite alternate kenburns;position:absolute;inset:-5%}@keyframes kenburns{0%{transform:scale(1.04)translate(-1.1%,-.5%)}to{transform:scale(1.12)translate(1.3%,.9%)}}.stars{z-index:1;pointer-events:none;position:absolute;inset:0}.star{animation:twinkle-star var(--tw,3s) ease-in-out infinite;background:#eaf1ff;border-radius:50%;position:absolute;box-shadow:0 0 4px 1px #c8dcff8c}@keyframes twinkle-star{0%,to{opacity:.08;transform:scale(.65)}50%{opacity:1;transform:scale(1)}}.moonglow{z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(30vh 30vh at 33% 24%,#c8d8ff66,#a0beff1a 46%,#0000 66%);animation:9s ease-in-out infinite moonbreathe;position:absolute;inset:0}@keyframes moonbreathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.scene:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(120% 80% at 50% 4%,#96b4ff2e,#0000 52%),linear-gradient(#060a1866 0%,#060a1800 30%,#060a1885 100%);position:absolute;inset:0}.caravan{z-index:3;opacity:.95;filter:brightness(.94)drop-shadow(0 4px 8px #0000008c);pointer-events:none;will-change:transform;width:clamp(150px,18vw,280px);height:auto;animation:22s linear -6s infinite cross;position:absolute;top:58.5%;left:0}@keyframes cross{0%{transform:translate(108vw)}to{transform:translate(-22vw)}}.sand{z-index:8;pointer-events:none;transform:translate3d(var(--px,0), var(--py,0), 0);position:absolute;inset:0;overflow:hidden}.sand__wisp{aspect-ratio:900/374;opacity:0;mix-blend-mode:screen;will-change:transform, opacity;background:url(/assets/sand-Dwm3cyDJ.webp) 50%/contain no-repeat;width:clamp(240px,34vw,480px);position:absolute}.sand .w1{animation:19s linear infinite blow;top:82%;transform:scale(.9)}.sand .w2{animation:26s linear 6s infinite blow;top:88%;transform:scaleX(-1)scale(1.1)}.sand .w3{animation:15s linear 12s infinite blow;top:92%;transform:scale(.7)}@keyframes blow{0%{opacity:0;transform:translate(-40vw,6px)scale(.85)}18%{opacity:.5}82%{opacity:.5}to{opacity:0;transform:translate(118vw,-18px)scale(1.05)}}.dune{z-index:7;filter:brightness(.66)saturate(.9)contrast(1.02);width:100%;height:auto;transform:scale(1.06) translate3d(var(--px,0), var(--py,0), 0);transform-origin:bottom;pointer-events:none;position:absolute;bottom:-1%;left:0}.shooting{z-index:4;pointer-events:none;position:absolute;inset:0;overflow:hidden}.streak{height:2px;width:var(--len,180px);filter:drop-shadow(0 0 6px #c8dcffd9);transform:rotate(var(--ang,20deg)) translateX(0) scaleX(.2);opacity:0;animation:shoot var(--sdur,1.1s) cubic-bezier(.3, .5, .6, 1) forwards;background:linear-gradient(90deg,#0000,#e9f0ff14,#e9f0fff2);border-radius:3px;position:absolute}@keyframes shoot{0%{opacity:0;transform:rotate(var(--ang)) translateX(0) scaleX(.2)}10%{opacity:1}70%{opacity:1}to{opacity:0;transform:rotate(var(--ang)) translateX(var(--travel)) scaleX(1)}}.dust{z-index:5;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.login-stage{z-index:200;perspective:1100px;position:relative}.login-wrap{will-change:transform}.login{width:min(92vw,430px);color:var(--ink);-webkit-backdrop-filter:blur(24px)saturate(1.3);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;background:linear-gradient(160deg,#1e28528f,#0c102652);border:1px solid #ffffff2e;border-radius:26px;flex-direction:column;gap:17px;padding:40px 40px 34px;display:flex;position:relative;box-shadow:0 40px 80px #00000085,0 2px 10px #00000052,inset 0 1px #ffffff3d}.login__sheen{border-radius:inherit;pointer-events:none;background:radial-gradient(240px circle at var(--mx,50%) var(--my,0%), #ffffff29, transparent 42%);opacity:.9;position:absolute;inset:0}.login__head{flex-direction:column;gap:3px;display:flex}.brand{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-bottom:6px;font-size:.82rem;font-weight:600;display:inline-flex}.brand svg{width:17px;height:17px}.login__head h1{letter-spacing:-.02em;font-size:1.95rem;font-weight:600}.login__head .sub{color:var(--muted);margin-top:2px;font-size:.9rem;font-weight:300}.field{position:relative}.field input{width:100%;color:var(--ink);border:1px solid var(--line);background:#ffffff0f;border-radius:12px;outline:none;padding:20px 16px 8px;font-size:1rem;transition:border-color .25s,background .25s,box-shadow .25s}#password{padding-right:46px}.field input:focus{border-color:var(--accent);background:#ffffff1a;box-shadow:0 0 0 3px #6f83ff47}.field label{color:var(--muted);pointer-events:none;transform-origin:0 0;font-size:1rem;transition:transform .2s,color .2s;position:absolute;top:15px;left:16px}.field input:focus+label,.field input:not(:placeholder-shown)+label{color:var(--accent);transform:translateY(-10px)scale(.72)}.reveal{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;transition:color .2s,background .2s;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.reveal:hover{color:var(--ink);background:#ffffff14}.reveal svg{width:20px;height:20px}.reveal .icon-off,.reveal.is-on .icon-on{display:none}.reveal.is-on .icon-off{display:block}.row{justify-content:space-between;align-items:center;font-size:.85rem;display:flex}.check{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;align-items:center;gap:9px;display:inline-flex}.check input{opacity:0;width:0;height:0;position:absolute}.check__box{background:#ffffff0f;border:1px solid #ffffff47;border-radius:6px;place-items:center;width:18px;height:18px;transition:background .2s,border-color .2s;display:grid}.check__box:after{content:"";border:2px solid #0a1024;border-top:0;border-left:0;width:5px;height:9px;margin-top:-2px;transition:transform .18s;transform:rotate(45deg)scale(0)}.check input:checked+.check__box{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-color:#0000}.check input:checked+.check__box:after{transform:rotate(45deg)scale(1)}.check input:focus-visible+.check__box{box-shadow:0 0 0 3px #6f83ff59}.link{color:var(--accent);text-decoration:none;transition:color .2s}.link:hover{text-decoration:underline}.btn{color:#0a1024;background:linear-gradient(135deg, var(--accent), var(--accent-2));cursor:pointer;isolation:isolate;border:none;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;min-height:56px;margin-top:2px;padding:0 14px 0 22px;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s,filter .2s,background .3s;display:flex;position:relative;box-shadow:0 12px 26px #6f83ff6b}.btn:hover{filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 16px 32px #6f83ff8c}.btn:active{transform:translateY(0)}.btn:disabled{cursor:default}.btn__label{z-index:1;letter-spacing:.01em;white-space:nowrap;transition:opacity .3s;position:relative}.btn.walking .btn__label{opacity:.55}.dooric{perspective:300px;z-index:1;flex:none;width:62px;height:38px;transition:opacity .3s;position:relative}.dooric__frame{background:linear-gradient(#16264a,#0a1428);border-radius:5px;width:28px;height:34px;position:absolute;top:2px;right:0;overflow:hidden;box-shadow:inset 0 0 0 1.5px #0a102459}.dooric__glow{opacity:0;transition:opacity .35s var(--ease-out);background:radial-gradient(62% 72% at 50% 46%,#ffeac2f2,#ffd29600 72%);position:absolute;inset:0}.dooric__panel{transform-origin:100%;width:28px;height:34px;transition:transform .42s var(--ease-out);backface-visibility:hidden;background:linear-gradient(#93a8f5,#6f83ff 55%,#4a5bd0);border-radius:5px;position:absolute;top:2px;right:0;transform:rotateY(0);box-shadow:inset 0 0 0 1.5px #ffffff4d,inset -6px 0 10px #00000047}.dooric__handle{background:linear-gradient(#fff,#cfe0ff);border-radius:2px;width:2.5px;height:10px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.dooric__person{color:#0a1024;transition:transform .74s var(--ease-out), opacity .3s var(--ease-out) .36s;position:absolute;bottom:2px;left:2px}.dooric__person svg{display:block;overflow:visible}.leg,.arm,.shin{transform-box:fill-box;transform-origin:50% 0}.person__bob,.person{transform-box:fill-box;transform-origin:50% 100%}.leg--front{transform:rotate(11deg)}.leg--back{transform:rotate(-11deg)}.arm--front{transform:rotate(-9deg)}.arm--back{transform:rotate(9deg)}.leg--front .shin,.leg--back .shin{transform:rotate(7deg)}.person{transition:transform .25s var(--ease-out)}.btn.walking .person{transform:rotate(4deg)}.btn.walking .leg--front{animation:.46s linear infinite thighF}.btn.walking .leg--back{animation:.46s linear infinite thighB}.btn.walking .leg--front .shin{animation:.46s linear infinite shinF}.btn.walking .leg--back .shin{animation:.46s linear infinite shinB}.btn.walking .arm--front{animation:.46s linear infinite armF}.btn.walking .arm--back{animation:.46s linear infinite armB}.btn.walking .person__bob{animation:.23s linear infinite bob}@keyframes thighF{0%,to{transform:rotate(26deg)}50%{transform:rotate(-24deg)}}@keyframes thighB{0%,to{transform:rotate(-24deg)}50%{transform:rotate(26deg)}}@keyframes armF{0%,to{transform:rotate(-24deg)}50%{transform:rotate(24deg)}}@keyframes armB{0%,to{transform:rotate(24deg)}50%{transform:rotate(-24deg)}}@keyframes shinF{0%{transform:rotate(8deg)}25%{transform:rotate(48deg)}55%{transform:rotate(10deg)}to{transform:rotate(8deg)}}@keyframes shinB{0%{transform:rotate(34deg)}30%{transform:rotate(6deg)}78%{transform:rotate(44deg)}to{transform:rotate(34deg)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-1.4px)}}.btn.dooropen .dooric__panel{transform:rotateY(72deg)}.btn.dooropen .dooric__glow{opacity:.95}.btn.out .dooric__person{opacity:0;transform:translate(36px)scale(.72)}.btn__check{opacity:0;width:22px;height:22px;margin:auto;transition:opacity .25s;position:absolute;inset:0}.btn.is-success{background:linear-gradient(135deg, var(--ok), var(--ok-2));box-shadow:0 12px 26px #2fb8a673}.btn.is-success .btn__label,.btn.is-success .dooric{opacity:0}.btn.is-success .btn__check{opacity:1}.status{min-height:0;color:var(--muted);text-align:center;font-size:.8rem}.status:empty{display:none}.divider{color:var(--muted);letter-spacing:.02em;align-items:center;gap:12px;font-size:.72rem;display:flex}.divider:before,.divider:after{content:"";background:var(--line);flex:1;height:1px}.socials{grid-template-columns:1fr 1fr;gap:12px;display:grid}.social{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff0f;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px;font-size:.9rem;font-weight:500;transition:background .2s,transform .2s,border-color .2s;display:flex}.social:hover{background:#ffffff1f;border-color:#ffffff3d;transform:translateY(-1px)}.social svg{width:18px;height:18px}.foot{text-align:center;color:var(--muted);font-size:.85rem}html.js .login-wrap{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)scale(.985)}html.js .login-stage.is-in .login-wrap{opacity:1;transform:none}html.js .login>:not(.login__sheen){opacity:0;transition:opacity .5s,transform .5s cubic-bezier(.2,.7,.2,1);transform:translateY(14px)}html.js .login-stage.is-in .login>:not(.login__sheen){opacity:1;transform:none}html.js .login-stage.is-in .login>:nth-child(2){transition-delay:60ms}html.js .login-stage.is-in .login>:nth-child(3){transition-delay:.12s}html.js .login-stage.is-in .login>:nth-child(4){transition-delay:.18s}html.js .login-stage.is-in .login>:nth-child(5){transition-delay:.24s}html.js .login-stage.is-in .login>:nth-child(6){transition-delay:.3s}html.js .login-stage.is-in .login>:nth-child(7){transition-delay:.36s}html.js .login-stage.is-in .login>:nth-child(8){transition-delay:.42s}html.js .login-stage.is-in .login>:nth-child(9){transition-delay:.48s}@media (width<=480px){.login{padding:34px 26px 30px}.login__head h1{font-size:1.65rem}.bg__img{object-position:34% 30%}.caravan{top:52%}}@media (prefers-reduced-motion:reduce){.moonglow,.streak,.bg__img,.star,.btn.walking .leg,.btn.walking .arm,.btn.walking .person__bob{animation:none!important}.caravan,.sand,.shooting,.stars,.dust{display:none}html.js .login-wrap,html.js .login>:not(.login__sheen){opacity:1!important;transition:none!important;transform:none!important}.login{transform:none!important}}