.login-screen{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:70px 22px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 20% 10%,#25113c99,transparent 60%),#08080e}
.login-glow{position:absolute;width:700px;height:700px;max-width:150vw;border-radius:50%;background:radial-gradient(circle,#873ce733,#ed305218 45%,transparent 70%);filter:blur(40px);z-index:-1;animation:hepix-login-glow 7s ease-in-out infinite alternate;pointer-events:none}
.login-language{position:absolute;top:22px;inset-inline-end:24px}
.login-card{width:min(100%,460px);padding:40px 36px 32px;border:1px solid #ad80df33;border-radius:30px;background:linear-gradient(135deg,#ffffff0b,#ffffff03),#11101add;box-shadow:0 24px 90px #0007,inset 0 1px 0 #ffffff12;backdrop-filter:blur(20px);animation:hepix-login-enter .55s ease both;text-align:center}
.login-brand{display:block;max-width:210px;width:65%;height:auto;margin:0 auto 24px;object-fit:contain;filter:drop-shadow(0 0 22px #833edd66);animation:hepix-login-logo 4s ease-in-out infinite}
.login-eyebrow{font-size:10px;letter-spacing:3px;color:#9c8bb2;direction:ltr;display:block}.login-card h1{font-size:28px;margin:15px 0 4px;font-weight:900}.login-intro{color:#9f96ac;font-size:14px;margin-bottom:28px}.login-card form{text-align:start;display:grid;gap:16px}.login-card label{display:grid;gap:9px;font-size:13px;color:#cec5db}.login-card input{width:100%;min-height:52px;background:#080810a6;border:1px solid #ffffff17;border-radius:14px;padding:12px 15px;transition:box-shadow .2s,border-color .2s}.login-card input[type=email]{direction:ltr;text-align:start}.login-card input:focus{outline:none;border-color:#ac71ee;box-shadow:0 0 0 4px #8b46dc1f}.login-card .error{margin:0;min-height:20px;font-size:13px}.login-submit{width:100%;min-height:52px;display:flex;justify-content:center;align-items:center;gap:10px;border-radius:14px;background:linear-gradient(110deg,#8646df,#a55cec);box-shadow:0 8px 30px #843dde30;font-weight:700}.login-card .login-help{display:block;margin-top:25px;font-size:11px;line-height:1.9;color:#857a93}
@keyframes hepix-login-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes hepix-login-glow{from{transform:translate(-10%,-8%);opacity:.6}to{transform:translate(10%,8%);opacity:1}}@keyframes hepix-login-logo{0%,100%{filter:drop-shadow(0 0 15px #833edd44)}50%{filter:drop-shadow(0 0 30px #833edd88)}}
@media(max-width:480px){.login-screen{padding:75px 18px 28px}.login-card{padding:30px 25px;border-radius:26px}.login-card h1{font-size:25px}.login-language{top:18px;inset-inline-end:18px}}
@media(prefers-reduced-motion:reduce){.login-card,.login-brand,.login-glow{animation:none}.login-card input{transition:none}}