:root{color-scheme:dark;--teal:#84e7d9;--txt:#e7f0f6;--muted:#8fa3b7}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;background:#090f19;color:var(--txt);font:14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 18px;position:relative;overflow:hidden;background:radial-gradient(ellipse 64% 60% at 50% 39%,#142a37 0%,#0a1421 58%,#090e17 100%)}
.ambient{position:absolute;pointer-events:none;border-radius:50%;filter:blur(55px)}.ambient-a{height:360px;width:360px;top:-200px;left:6%;background:#267b7840}.ambient-b{height:480px;width:480px;bottom:-360px;right:4%;background:#204b7342}
.login-card{z-index:1;width:min(100%,448px);padding:42px 42px 30px;border-radius:18px;border:1px solid #365166;background:linear-gradient(146deg,#162536f5,#111b2af9);box-shadow:0 28px 100px #0008}
.brand{display:flex;align-items:center;gap:13px;margin-bottom:42px}.brand strong{font-size:23px;letter-spacing:.19em;font-weight:760}.brand small{display:block;color:#7692a8;font-size:9px;letter-spacing:.24em;font-weight:700}
.brand-mark{width:39px;height:39px;display:flex;align-items:center;justify-content:center;gap:4px;border:1px solid #3d978f;border-radius:11px;background:#164141}.brand-mark i{width:4px;height:11px;border-radius:5px;background:var(--teal)}.brand-mark i:nth-child(2){height:21px}.label{font-size:10px;letter-spacing:.16em;font-weight:760;color:#91b7bc;display:flex;align-items:center;gap:9px}.dot,.small-dot{width:6px;height:6px;display:inline-block;border-radius:50%;background:#6edab1;box-shadow:0 0 11px #6edab18a}
h1{font-size:clamp(30px,6vw,39px);line-height:1.2;letter-spacing:-.045em;margin:14px 0 12px;font-weight:670}h1 span{color:var(--teal)}
.intro{color:#96a9bb;font-size:13px;line-height:1.7;margin:0 0 29px;max-width:332px}
form{display:flex;flex-direction:column}label{font-size:10px;font-weight:750;letter-spacing:.11em;color:#a0b7c9;margin-bottom:8px}
input{height:47px;padding:0 14px;color:var(--txt);font:inherit;border:1px solid #3b5165;background:#0e1928;border-radius:8px;outline:none;margin-bottom:21px}
input::placeholder{color:#6a8095}input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #63dbc619}
button{display:flex;justify-content:space-between;align-items:center;margin-top:5px;border:0;border-radius:8px;cursor:pointer;background:#80e0d4;color:#13323b;padding:13px 16px;font-size:13px;font-weight:800;min-height:46px}button:hover{background:#a4f5e9}button:focus-visible{outline:3px solid #c3fff7;outline-offset:3px}button span{font-size:21px;line-height:10px}
.login-error{background:#3f2729;border:1px solid #996068;color:#ffd8da;padding:11px 13px;border-radius:8px;font-size:12px;margin:-3px 0 20px}
.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:36px;padding-top:21px;border-top:1px solid #344458;color:#728b9e;font-size:9px;letter-spacing:.12em;font-weight:750}.footer span{display:flex;align-items:center;gap:7px}
.bottom{position:relative;margin-top:22px;color:#526f80;letter-spacing:.13em;font-size:9px;font-weight:700}.bottom span{color:#73b3b0;margin:0 7px}
@media(max-width:490px){.login-card{padding:32px 23px 25px}.footer{flex-wrap:wrap}.brand{margin-bottom:34px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}