:root{
    --bg:#080711;--panel:#14101d;--line:#342642;--violet:#9b63ff;
    --violet2:#6f39dc;--text:#f7f3ff;--muted:#a79caf
}
*{box-sizing:border-box}
body{
    margin:0;min-height:100vh;color:var(--text);
    font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    background:radial-gradient(circle at 70% 30%,#321852 0,transparent 34%),
        radial-gradient(circle at 12% 86%,#15213e 0,transparent 32%),var(--bg);
    display:grid;place-items:center;padding:24px;overflow-x:hidden
}
.eo-portal:before{
    content:"";position:fixed;inset:0;pointer-events:none;
    background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);
    background-size:42px 42px;mask-image:linear-gradient(to bottom,#0008,transparent)
}
.eo-login-shell{
    position:relative;width:min(1080px,100%);min-height:650px;
    display:grid;grid-template-columns:420px minmax(0,1fr);align-items:center;gap:42px
}
.eo-login-card{
    position:relative;z-index:2;width:100%;padding:34px;border:1px solid var(--line);
    border-radius:26px;background:linear-gradient(145deg,#191323f5,#100d17f5);
    box-shadow:0 30px 90px #000b,0 0 70px #8d4aff18
}
.eo-login-brand{display:flex;align-items:center;gap:14px}
.eo-login-brand>span{
    width:51px;height:51px;display:grid;place-items:center;border-radius:17px;font-size:25px;
    background:linear-gradient(135deg,#b27bff,#7141d2);box-shadow:0 0 30px #8d58ff88
}
.eo-login-brand strong{font-size:20px;letter-spacing:.08em}
.eo-login-brand small{color:#bda3e8;font-size:10px}
.eo-login-brand p{margin:5px 0 0;color:var(--muted);font-size:11px}
.eo-login-copy{margin:38px 0 25px}
.eo-eyebrow{color:#caaeff;text-transform:uppercase;letter-spacing:.14em;font-size:11px}
.eo-login-copy h1{font-size:30px;line-height:1.15;margin:9px 0 12px}
.eo-login-copy p{color:var(--muted);line-height:1.55;margin:0}
.eo-login-card form{display:grid;gap:15px}
.eo-login-card label{display:grid;gap:7px;color:#c9c0d2;font-size:12px}
.eo-login-card input{
    width:100%;border:1px solid var(--line);border-radius:12px;background:#0c0912;
    color:#fff;padding:13px 14px;font-size:14px;outline:0
}
.eo-login-card input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #9b63ff20}
.eo-login-card button{
    margin-top:5px;border:1px solid #a47cf0;border-radius:12px;
    background:linear-gradient(135deg,var(--violet),var(--violet2));color:#fff;
    padding:13px;font-size:14px;font-weight:750;cursor:pointer
}
.eo-login-card button:hover{filter:brightness(1.08)}
.eo-login-note{display:block;text-align:center;margin-top:19px;color:#776d80;font-size:10px}
.eo-login-error{
    padding:11px 13px;margin-bottom:16px;border:1px solid #693647;border-radius:11px;
    background:#2a151d;color:#efb6c5;font-size:12px
}
.eo-login-presence{position:relative;align-self:stretch;min-height:620px;isolation:isolate}
.eo-login-presence:before{
    content:"";position:absolute;left:8%;right:0;bottom:6%;height:52%;z-index:-1;
    background:radial-gradient(ellipse,#8d4aff2e 0,transparent 66%);filter:blur(18px)
}
.eo-login-presence img{
    position:absolute;right:-5%;bottom:-1%;width:min(650px,100%);height:auto;
    filter:drop-shadow(0 30px 50px #000a);transform-origin:50% 100%;
    animation:eo-presence-arrive .65s ease both,eo-presence-breathe 6s ease-in-out .8s 2
}
.eo-login-message{
    position:absolute;z-index:2;top:13%;left:2%;max-width:235px;padding:18px 20px;
    border:1px solid #7551a8;border-radius:21px 21px 21px 5px;
    background:#15101fe8;box-shadow:0 16px 46px #0008,0 0 28px #8b4eff20;
    backdrop-filter:blur(15px)
}
.eo-login-message span{display:block;color:#c9adff;font-size:12px;letter-spacing:.05em}
.eo-login-message strong{display:block;font-size:24px;margin:7px 0 4px}
.eo-login-message p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}
@keyframes eo-presence-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes eo-presence-breathe{50%{transform:translateY(-3px) scale(1.003)}}
@media(max-width:880px){
    body{place-items:start center;overflow:auto}
    .eo-login-shell{grid-template-columns:1fr;gap:0;width:min(480px,100%);min-height:auto}
    .eo-login-presence{min-height:260px;margin-top:-18px;overflow:hidden}
    .eo-login-presence img{width:330px;right:-18px;bottom:-205px}
    .eo-login-message{top:54px;left:6px;max-width:210px}
}
@media(max-width:520px){
    body{padding:14px}.eo-login-card{padding:25px;border-radius:22px}
    .eo-login-copy{margin:28px 0 22px}.eo-login-copy h1{font-size:27px}
    .eo-login-presence{min-height:220px}.eo-login-presence img{width:280px;bottom:-170px}
    .eo-login-message{top:42px;padding:13px 15px}.eo-login-message strong{font-size:20px}
}
@media(prefers-reduced-motion:reduce){.eo-login-presence img{animation:none}}