body { background:#0f141e; color:#fff; font-family: Inter, Arial, sans-serif; }
.container { max-width:900px; margin:40px auto; padding:30px; background:#1b2838; border-radius:12px; }
h1 { margin:0 0 10px; }
input { width:100%; padding:14px; border-radius:8px; border:none; margin:20px 0 10px; }
button, .steam-login { display:block; width:100%; padding:14px; background:#66c0f4; color:#000; font-weight:bold; border:none; border-radius:8px; text-align:center; text-decoration:none; cursor:pointer; }
.divider { text-align:center; margin:15px 0; opacity:0.5; }
.profile-header { display:flex; gap:20px; align-items:center; margin-bottom:30px; }
.profile-header img { border-radius:8px; }
.grid { display:grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap:12px; }
.card { background:#2a475e; padding:15px; border-radius:8px; }
.card span { display:block; font-size:12px; opacity:0.7; text-transform:uppercase; }
.card b { font-size:20px; }
.error { background:#7a2b2b; padding:15px; border-radius:8px; }