/*
====================================================
NÉV: Mi épül itt? fiok stilus
PROJEKT: NextSheet Építési Intelligence
TÍPUS: CSS
VERZIÓ: v0.1.0
UTOLSÓ FRISSÍTÉS: 2026-08-29

LEÍRÁS:
Mobilbarat sotet profiloldal.

FEJLESZTŐ:
Balázs Bakos
NextSheet Innovations
https://www.nextsheet.hu

CHANGELOG:
v0.1.0 - 2026-08-29
- Elso verzio.
====================================================
*/
:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;background:#101216;color:#f6f6f8}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 20% 0,#34172b 0,transparent 30%),#101216;min-height:100vh}header,footer{display:flex;justify-content:space-between;align-items:center;padding:20px clamp(20px,5vw,70px);border-bottom:1px solid #ffffff14}header a,footer a{color:#fff;text-decoration:none}header strong{display:block;font-size:22px}header span{color:#aeb1bb;font-size:12px}main{width:min(960px,calc(100% - 28px));margin:50px auto}.account-card,.account-hero{background:#191c22;border:1px solid #ffffff12;border-radius:22px;padding:28px;margin-bottom:20px}.account-card>span,.account-hero>div>span{color:#ff4fa3;font-size:12px;font-weight:800;letter-spacing:.12em}h1{font-size:clamp(30px,6vw,54px);margin:10px 0}h2{margin-top:0}.primary,button{background:#f54291;color:#fff;border:0;border-radius:12px;padding:13px 18px;font-weight:800;text-decoration:none;display:inline-block;cursor:pointer}input{width:100%;background:#101216;border:1px solid #ffffff22;color:#fff;border-radius:12px;padding:13px;margin:8px 0}.account-hero{display:flex;justify-content:space-between;gap:30px}.account-stats{display:grid;grid-template-columns:auto auto;align-items:center;gap:5px 15px}.account-stats b{font-size:36px;color:#56e3c2}.account-stats span{color:#aeb1bb}.account-list{display:grid;gap:10px}.account-list article{background:#111318;border-radius:14px;padding:16px;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap}.account-list span,.account-list small{color:#aeb1bb}footer{border-top:1px solid #ffffff14;border-bottom:0;color:#aeb1bb}@media(max-width:650px){main{margin:25px auto}.account-hero{display:block}.account-stats{margin-top:20px}.account-card,.account-hero{padding:20px}}