:root{color-scheme:dark;--accent:#d6003b;--ink:#f7f6f8;--muted:#9996a1;--line:#2b2931;--panel:#121216}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#08080a;color:var(--ink)}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 78% 16%,rgba(214,0,59,.18),transparent 34%),radial-gradient(circle at 15% 85%,rgba(214,0,59,.08),transparent 27%);pointer-events:none}.login-page{display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.login-shell{position:relative;width:min(1060px,100%);min-height:650px;display:grid;grid-template-columns:1fr 480px;border:1px solid #26242b;border-radius:28px;overflow:hidden;background:rgba(11,11,14,.94);box-shadow:0 32px 90px rgba(0,0,0,.48)}.login-brand{display:flex;align-items:center;justify-content:center;gap:24px;background:linear-gradient(145deg,rgba(214,0,59,.16),transparent 52%),#0b0b0e;border-right:1px solid var(--line)}.login-brand strong{font-size:34px;line-height:.92;letter-spacing:.15em}.login-brand span{display:block;margin-top:14px;color:#8e8a95;font-size:11px;letter-spacing:.34em}.login-mark{width:84px;height:84px;display:flex;align-items:center;justify-content:center;gap:6px;border:1px solid #56303e;border-radius:22px;background:linear-gradient(145deg,#26131a,#111115);box-shadow:0 18px 45px rgba(214,0,59,.13)}.login-mark i{display:block;width:5px;border-radius:9px;background:#fff}.login-mark i:nth-child(1),.login-mark i:nth-child(5){height:22px;opacity:.55}.login-mark i:nth-child(2),.login-mark i:nth-child(4){height:42px}.login-mark i:nth-child(3){height:58px;background:var(--accent)}.login-card{align-self:stretch;padding:76px 58px 42px;display:flex;flex-direction:column;background:rgba(18,18,22,.88)}.login-card header p{margin:0 0 15px;color:#f09ab3;font-size:11px;font-weight:800;letter-spacing:.23em}.login-card h1{font-size:46px;letter-spacing:-.045em;margin:0 0 12px}.login-card header>span{color:var(--muted);font-size:16px}.login-card form{display:grid;gap:20px;margin-top:50px}.login-card label{display:grid;gap:9px;font-size:13px;font-weight:700}.login-card input{width:100%;height:52px;border:1px solid #37343d;border-radius:11px;background:#0d0d10;color:#fff;padding:0 15px;font:inherit;outline:none;transition:.18s}.login-card input:focus{border-color:#a72a4d;box-shadow:0 0 0 3px rgba(214,0,59,.13)}.password-field{position:relative}.password-field input{padding-right:82px}.password-field button{position:absolute;right:8px;top:8px;height:36px;border:0;background:transparent;color:#bbb7c0;font-weight:700;cursor:pointer}.login-card .remember{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:10px;color:#aaa6af;font-weight:500}.remember input{width:18px;height:18px;accent-color:var(--accent)}#loginFeedback{min-height:20px;margin:-5px 0;color:#ff6f97;font-size:13px}.login-submit{height:54px;border:0;border-radius:11px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;background:var(--accent);color:#fff;font-weight:800;cursor:pointer;box-shadow:0 12px 30px rgba(214,0,59,.22);transition:.18s}.login-submit:hover{background:#ea0041;transform:translateY(-1px)}.login-submit:disabled{opacity:.65;cursor:wait}.login-card footer{margin-top:auto;padding-top:38px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;color:#77737e;font-size:11px}.login-card footer span{color:#aaa6af}.login-card footer i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#46d0a9;box-shadow:0 0 9px #46d0a9}@media(max-width:760px){.login-page{place-items:stretch;padding:0}.login-shell{min-height:100dvh;display:block;border:0;border-radius:0}.login-brand{height:155px;justify-content:flex-start;padding:34px 28px;border:0;border-bottom:1px solid var(--line)}.login-mark{width:62px;height:62px;border-radius:17px}.login-brand strong{font-size:24px}.login-card{min-height:calc(100dvh - 155px);padding:38px 28px max(28px,env(safe-area-inset-bottom))}.login-card h1{font-size:38px}.login-card form{margin-top:34px}.login-card footer{flex-direction:column}}
