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