body{color:#111;background:#f6f6f6;margin:0;font-family:Inter,system-ui,sans-serif}main{max-width:1200px;margin:auto;padding:24px}header{justify-content:space-between;align-items:center;padding:16px 0;font-size:18px;display:flex}header b{letter-spacing:4px;font-size:30px}.stats{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.stats div,article{background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:18px}.stats small{color:#666;display:block}.stats strong{margin-top:8px;font-size:30px;display:block}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}section{margin-top:28px}.login{max-width:420px;margin:15vh auto}.login input,.login button{box-sizing:border-box;border:1px solid #ddd;border-radius:10px;width:100%;margin-top:12px;padding:15px}.login button{color:#fff;background:#111;font-weight:800}@media (width<=700px){.stats{grid-template-columns:1fr 1fr}}label{margin:10px 0;font-weight:700;display:block}label input{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;margin-top:5px;padding:10px;display:block}button{color:#fff;cursor:pointer;background:#111;border:0;border-radius:9px;padding:11px 15px;font-weight:700}