:root{font-family:Inter,system-ui,sans-serif;color:#17201d;background:#f3f5f2}*{box-sizing:border-box}body{margin:0;display:grid;grid-template-columns:260px 1fr;min-height:100vh}aside{background:#132c25;color:#eaf2ee;padding:32px 22px;display:flex;flex-direction:column}.brand{font-size:25px;font-weight:800;letter-spacing:.08em}.role{margin:8px 0 30px;color:#9bb2aa;font-size:13px}nav{display:grid;gap:4px}nav a,.help{color:#bdccc7;text-decoration:none;padding:10px 12px;border-radius:10px;font-size:14px}.active,nav a:hover{background:#24483e;color:white}.help{margin-top:auto}main{padding:42px;max-width:1280px;width:100%;margin:auto}header{display:flex;align-items:center;justify-content:space-between}h1{font-size:32px;margin:4px 0 28px}small{color:#718079}button{border:1px solid #ccd6d1;background:white;border-radius:12px;padding:11px 20px}.hero{background:#d9e8dd;border-radius:24px;padding:32px;margin-bottom:22px}.hero h2{font-size:28px;margin:10px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:34px}article,.event{background:white;border:1px solid #e2e7e4;border-radius:18px;padding:24px}article strong{display:block;font-size:34px;margin:15px 0 2px}.event{display:flex;justify-content:space-between}.event span{color:#718079}@media(max-width:850px){body{display:block}aside{min-height:auto}.help{display:none}nav{grid-template-columns:repeat(2,1fr)}main{padding:24px}.grid{grid-template-columns:1fr}.event{display:grid;gap:8px}}