: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}body.modal-open{overflow:hidden}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;cursor:pointer;font:inherit}.signed-in{background:#edf4f0;color:#315e50;border-color:#d4e1da}.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}.modal{position:fixed;z-index:1000;inset:0;background:rgba(10,31,25,.58);backdrop-filter:blur(3px);display:grid;place-items:center;padding:16px}.modal[hidden]{display:none}#login-form{background:white;border-radius:24px;box-shadow:0 30px 90px rgba(9,35,27,.25);width:min(440px,100%);padding:38px;display:grid;gap:18px;position:relative}.login-mark{color:#315e50;font-size:14px;font-weight:800;letter-spacing:.1em}#login-form h2{font-size:28px;margin:0}#login-form>p{color:#718079;margin:-8px 0 5px}#login-form label{font-size:13px;font-weight:650;display:grid;gap:8px}#login-form input{font:inherit;width:100%;border:1px solid #ccd6d1;border-radius:11px;padding:13px 14px;outline:none}#login-form input:focus{border-color:#4d7a6b;box-shadow:0 0 0 3px #e3eee8}.close{position:absolute;right:20px;top:18px;padding:5px 10px;border:0;font-size:24px;color:#718079}.primary{background:#173c31;color:white;border:0;padding:14px}.primary:disabled{opacity:.65}#login-error{min-height:19px;color:#aa352e;font-size:13px}@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}}