:root{--bg:#070608;--surface:#0c0a13c2;--line:#f4f1ff21;--text:#f4f1ff;--muted:#b8b5ca;--soft:#7f7894;--purple:#8682e9;--violet:#c1b5f1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 50% 18%,#8682e957,#0000 28rem),radial-gradient(circle at 82% 82%,#c1b5f11f,#0000 25rem),linear-gradient(#070608 0%,#090711 100%);place-items:center;margin:0;padding:24px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;overflow-x:hidden}body:before{content:"";pointer-events:none;opacity:.44;background-image:linear-gradient(#f4f1ff08 1px,#0000 1px),linear-gradient(90deg,#f4f1ff06 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 34%,#000,#0000 72%);mask-image:radial-gradient(circle at 50% 34%,#000,#0000 72%)}a{color:inherit;text-decoration:none}.login{z-index:1;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff14,#ffffff07),var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:32px;width:min(100%,420px);padding:34px;position:relative;box-shadow:0 34px 110px #0000008f,inset 0 1px #ffffff1c}.logo{background:#0706088a;border:1px solid #c1b5f138;border-radius:24px;place-items:center;width:76px;height:76px;margin:0 auto 22px;display:grid;box-shadow:0 20px 60px #8682e938,inset 0 1px #ffffff1f}.logo img{object-fit:contain;width:52px;height:52px;display:block}h1{letter-spacing:-.07em;text-align:center;margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:34px;line-height:1}.subtitle{color:var(--muted);text-align:center;margin:10px 0 28px;font-size:14px}form{gap:14px;display:grid}label{color:var(--violet);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:900;display:block}input{width:100%;min-height:56px;color:var(--text);font:inherit;background:#07060880;border:1px solid #f4f1ff26;border-radius:18px;outline:none;padding:0 15px;transition:border-color .2s,box-shadow .2s,background .2s;box-shadow:inset 0 1px #ffffff14}input::placeholder{color:#b8b5ca7a}input:focus{background:#0c0a13c2;border-color:#c1b5f18f;box-shadow:0 0 0 4px #8682e924,inset 0 1px #ffffff1a}button{color:#090711;background:linear-gradient(135deg,#fff 0%,#ded7ff 42%,var(--purple)100%);cursor:pointer;width:100%;min-height:56px;font:inherit;letter-spacing:-.02em;border:0;border-radius:999px;margin-top:6px;font-weight:900;transition:transform .2s,filter .2s;box-shadow:0 22px 70px #8682e95c,inset 0 1px #ffffff80}button:hover{filter:brightness(1.04);transform:translateY(-2px)}.micro{color:var(--soft);text-align:center;margin:18px 0 0;font-size:12px;line-height:1.5}.back{z-index:2;color:var(--muted);font-size:13px;font-weight:800;transition:color .2s;position:fixed;top:24px;left:24px}.back:hover{color:var(--text)}@media (max-width:520px){body{padding:18px}.login{border-radius:28px;padding:26px}.back{justify-self:start;margin-bottom:18px;position:static}}