*{box-sizing:border-box}body{margin:0;background:#111820;color:#eaf0f4;font:15px Arial,sans-serif}header{height:64px;background:#18242d;border-bottom:1px solid #344650;display:flex;align-items:center;justify-content:space-between;padding:0 24px}header b{font-size:20px;color:#ffb43b}nav{display:flex;gap:8px;flex-wrap:wrap;padding:12px 20px;background:#0d141a}nav a{padding:10px 13px;background:#1d2b35;border-radius:7px;color:#dce8ee;text-decoration:none}main{max-width:1250px;margin:auto;padding:25px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}section,.auth{background:#18242d;border:1px solid #31444f;border-radius:10px;padding:20px}.auth{max-width:420px;margin:70px auto}input,button{width:100%;padding:12px;margin:7px 0;border-radius:6px;border:1px solid #3b505c;background:#0f171c;color:white}button{background:#d98920;border:0;font-weight:bold;cursor:pointer}.err{background:#5a2525;padding:10px;border-radius:6px}@media(max-width:700px){header{padding:0 12px}main{padding:14px}}