:root{color-scheme:dark;font-family:Arial,"Microsoft YaHei",sans-serif;color:#e5eaf0;background:#181a21}*{box-sizing:border-box}[hidden]{display:none!important}body{display:flex;flex-direction:column;margin:0;min-height:100vh;min-height:100svh;background:radial-gradient(rgba(24,26,33,0) 0%,#181a21 100%) fixed no-repeat,url('/static/rust/steam-login-bg.jpg') center top no-repeat,#181a21}header{width:100%;max-width:1200px;margin:0 auto;padding:22px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;color:#e5eaf0;text-decoration:none;font-weight:700;font-size:21px}.mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #657f90;border-radius:6px;color:#d2e4f2}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:2px;color:#8ba2b3;margin-top:5px}nav{display:flex;gap:8px}.nav-button{font:12px Arial,"Microsoft YaHei",sans-serif;color:#b9cbd9;background:#233544;border:1px solid #4c6374;border-radius:20px;padding:7px 12px;cursor:pointer}.nav-button[aria-current]{background:#1b6d9e;color:#fff;border-color:#42b6ec}main{width:100%;max-width:760px;margin:22px auto 32px;padding:0 30px}h1{font-size:27px;line-height:1.5;margin:0 0 12px;color:#fff}h1:focus{outline:none}.connection-status{font-size:11px;color:#a9bac7;line-height:1.7;margin:0 0 22px;min-height:19px}.panel{background:#181a21;border-radius:4px;box-shadow:0 18px 65px #080e163d;padding:28px 32px}.card-panel{max-width:470px;margin:auto}.description{font-size:13px;line-height:1.9;color:#a8b5c0;margin:0 0 20px}.label{display:block;font-size:12px;font-weight:600;line-height:1.5;color:#1a9fff;margin:0 0 7px}.field{width:100%;height:40px;border:0;border-radius:2px;background:#32353c;color:#e5eaf0;padding:8px 11px;font:14px Arial,sans-serif}.field:focus-visible{outline:2px solid #1a9fff;outline-offset:2px}.primary{display:block;border:0;border-radius:2px;margin:24px auto 0;width:100%;height:40px;background:linear-gradient(100deg,#06b9ee,#2c72ff);color:#fff;font:15px Arial,"Microsoft YaHei",sans-serif;cursor:pointer}.primary:hover{filter:brightness(1.08)}.primary:disabled{opacity:.55;cursor:wait}.primary:focus-visible,.nav-button:focus-visible,.text-button:focus-visible{outline:2px solid #a7dfff;outline-offset:4px}.message{min-height:19px;color:#ffb4a8;font-size:12px;line-height:1.8;margin:12px 0 0}.auth-grid{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:40px;align-items:start}h2{font-size:23px;line-height:1.5;margin:0 0 12px;font-weight:600}.identity-callout{display:flex;align-items:center;gap:13px;padding:15px 13px;border:1px solid #3b4b58;background:#222a33;border-radius:3px;margin:20px 0}.shield{font-size:23px;color:#9dc3d9}.identity-callout p{font-size:12px;line-height:1.8;margin:0;color:#d8e4ed}.identity-callout small{display:block;font-size:10px;color:#9bafbd;margin-top:4px}.domain{text-align:center;font:10px/1.8 ui-monospace,monospace;color:#91a9bb;margin:10px 0 0}.phone-card{width:200px;height:174px;border-radius:5px;background:#e6edf3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;color:#3e5e74}.phone-card svg{width:46px;height:62px}.phone-card strong{font-size:12px;font-weight:600}.qr-description{font-size:11px;line-height:1.8;color:#a8b5c0;margin:10px 0 0}.text-button{display:block;background:none;border:0;color:#9fb9cd;padding:8px 0;font:12px Arial,"Microsoft YaHei",sans-serif;cursor:pointer;margin-top:15px}.text-button:hover{color:#fff}.centered{margin-inline:auto}.identity-panel{max-width:530px;margin:auto;text-align:center}.identity-mark{display:grid;place-items:center;margin:0 auto 22px;width:58px;height:58px;border:1px solid #53768e;border-radius:50%;color:#cae2f3;font-size:25px}.service-note{font-size:12px;color:#b7c8d5;line-height:1.9;padding:14px;background:#252e39;border:1px solid #3f5060;border-radius:3px;margin:20px 0}.steamid{font-size:12px;color:#c5d9e7;overflow-wrap:anywhere}.card-notice{font-size:12px;line-height:1.8;color:#c4d1dc;white-space:pre-wrap}.notice-confirm{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#b7c8d5;line-height:1.8}.notice-confirm input{margin:4px 0 0}.order-result{border-top:1px solid #394550;padding-top:23px;margin-top:23px}.order-result h2{font-size:19px}.order-result .description{margin-bottom:8px}progress{display:block;width:100%;height:12px;accent-color:#1a9fff;margin:16px 0}.page-note{font-size:11px;color:#a0b1c0;line-height:1.9;margin:20px 3px 0}footer{width:100%;max-width:760px;margin:auto auto 0;padding:22px 30px;font-size:10px;color:#91a4b2;line-height:1.8}footer .page-note{margin:0 0 18px}.footer-brand{margin:0}
@media(max-width:650px){body{background-image:radial-gradient(rgba(24,26,33,0) 0%,#181a21 100%),url('/static/rust/steam-login-bg-mobile.jpg')}header{padding:22px 20px;gap:10px}.brand{font-size:18px}.mark{width:36px;height:36px}.brand small{font-size:8px;letter-spacing:1px}.nav-button{font-size:11px;padding:6px 9px}nav{gap:5px}main{padding:0 20px;margin-top:20px}h1{font-size:23px}.panel{padding:25px 24px}.auth-grid{grid-template-columns:1fr;gap:24px}.scan{justify-self:center}.scan .label{text-align:center}.qr-description{text-align:center;max-width:200px}.page-note{font-size:10px}footer{padding:20px;margin-top:auto}}

body:is([data-view="card"],[data-view="order"]) main{display:flex;flex:1;flex-direction:column;justify-content:center}body:is([data-view="card"],[data-view="order"]) #page-title,body:is([data-view="card"],[data-view="order"]) .connection-status{text-align:center}body:is([data-view="card"],[data-view="order"]) .card-panel{width:100%;margin:0 auto}