:root{--mint:#ff8b36;--bg:#101113;--line:#36373e;--muted:#a6a6ad;--faint:#83838d}
body{background:radial-gradient(ellipse at 70% 20%,#ff8b3610,transparent 60%),#101113;font-family:Manrope,system-ui,sans-serif}
.grid{opacity:.55;background-size:64px 64px}
.brand{justify-content:flex-start;margin-bottom:30px}.brand-name{font-size:23px}.brand-sub{letter-spacing:.22em;font-size:9px}
.mark{background:var(--mint);border:0;border-radius:7px;transform:skew(-5deg)}.mark:before{border-color:#241509;border-radius:3px;width:21px;height:21px;left:10px;top:10px;transform:rotate(45deg)}.mark:after{background:#241509;border-color:#241509;box-shadow:none;bottom:17px;right:17px;width:5px;height:5px}
.card{border-color:#39342f;background:linear-gradient(145deg,#24221f,#191a1e 65%);border-radius:12px;padding:34px;box-shadow:0 24px 70px #0004}.security{background:#ff8b3610;border-color:#ff8b3630;border-radius:7px}h1{font-size:29px}.lead{line-height:1.8;font-size:12px;color:#aaa6a3}.field>span{color:#bcb9b6}
input{background:#121316;border-color:#3c3b3b;border-radius:6px;font-family:inherit}input:focus{outline:2px solid #ff8b3640;border-color:var(--mint)}input::placeholder{color:#85838b}.submit{border-radius:6px;color:#241509;box-shadow:0 6px 24px #ff8b3610;font-family:inherit}.submit:hover{background:#ffa15b}.submit:disabled{opacity:.45;cursor:not-allowed;transform:none}.foot{font-size:10px;line-height:1.7;color:#919198}.error{border-radius:6px}.login:after{content:'COUNTER-STRIKE 2 / TRADE SMARTER';display:block;text-align:center;font:9px ui-monospace,monospace;letter-spacing:.18em;color:#8c7867;margin-top:30px}
@media(max-width:460px){.card{padding:26px 22px}.brand-name{font-size:21px}.foot{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}