*{box-sizing:border-box}body{margin:0;padding:24px;background:#f5f6f8;color:#101828;font:16px system-ui,sans-serif}main{max-width:640px;margin:auto;padding:28px;background:white;border:1px solid #e4e7ec;border-radius:18px;box-shadow:0 12px 32px #10182814}.eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#8a5300}h1{font-size:1.6rem;margin:.5rem 0}h2{font-size:1.05rem;margin:26px 0 0}.action{font-size:3rem;font-weight:800;color:#475467;margin:1rem 0}.action[data-action=BUY]{color:#087443}.action[data-action=SELL]{color:#b42318}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.cell{background:#f8f9fb;border-radius:10px;padding:12px}.cell span{display:block;color:#475467;font-size:.8rem}.cell strong{display:block;font-size:1.15rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.explain{color:#475467;font-size:.86rem;line-height:1.5}.foot{margin:24px 0 0;color:#475467;font-size:.82rem;line-height:1.5}form:not(.logout){display:grid;gap:10px;margin-top:24px}label{font-weight:700}input{font:inherit;width:100%;padding:12px;border:1px solid #98a2b3;border-radius:8px}button{font:inherit;padding:11px 18px;border:0;border-radius:8px;background:#8a5300;color:#fff;cursor:pointer}.login-error{color:#b42318;font-weight:700}.logout{float:right}.logout button{font-size:.8rem;padding:7px 10px;background:#475467}@media(max-width:460px){.grid{grid-template-columns:1fr}main{padding:20px}}