:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#111714;color:#eef3ef}*{box-sizing:border-box}body{margin:0}main{max-width:1040px;margin:auto;padding:48px 24px}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:.22em;color:#cbb985}h1{font-size:38px;margin:8px 0}h2{font-size:18px;margin:0 0 18px}header p,.hint,footer{color:#a4b1a8;font-size:14px;line-height:1.7}.panel{border:1px solid #35443b;border-radius:16px;background:#1a241e;padding:24px}#login-panel{max-width:430px}#accounts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}label{display:block;font-size:13px;color:#c7d1ca;margin:18px 0}input{display:block;width:100%;margin-top:8px;background:#111914;color:#fff;border:1px solid #46594c;border-radius:8px;padding:12px;font:inherit}input:focus{outline:2px solid #cbb985;outline-offset:2px}button{border:1px solid #4f6656;border-radius:8px;background:transparent;color:#e7eee9;padding:12px 16px;cursor:pointer;font:inherit}.primary{background:#d8c38b;color:#182019;border:0;font-weight:600}button:disabled{opacity:.5;cursor:wait}.success{color:#bce3c9}.error{color:#ffb2a8}footer{margin-top:36px;font-size:12px}[hidden]{display:none!important}@media(max-width:850px){#accounts{grid-template-columns:1fr}main{padding:28px 18px}h1{font-size:30px}}