:root{--blue:#1e90ff;--dark:#0a3d62;--nav:#145374;--cyan:#00d4ff;--white:#f1f1f1;--card:#164f73;--green:#25d366}
*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--dark);color:var(--white);line-height:1.65}header{background:var(--blue);padding:28px 20px;text-align:center}header h1{margin:0;font-size:2.2rem}header p{margin:8px 0 0}main{max-width:1040px;margin:0 auto;padding:32px 20px 60px}.box{background:rgba(255,255,255,.08);border-radius:14px;padding:28px;border:1px solid rgba(255,255,255,.12)}h2{color:var(--cyan);margin-top:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card,.program{background:var(--card);border-radius:12px;padding:22px;border:1px solid rgba(255,255,255,.12)}.card{text-decoration:none;color:inherit;transition:.2s}.card:hover,.card:focus{border-color:var(--cyan);transform:translateY(-2px);outline:3px solid #fff;outline-offset:2px}.card h3,.program h3{color:var(--cyan);margin-top:0}.program{margin:18px 0}.meta{color:#bfeeff;font-weight:bold}.button{display:inline-block;margin-top:12px;padding:12px 18px;border-radius:8px;background:var(--blue);color:#fff;text-decoration:none;font-weight:bold}.button:hover,.button:focus{filter:brightness(1.12);outline:3px solid #fff;outline-offset:2px}.back{display:inline-block;margin-top:26px;color:#fff;font-weight:bold}footer{background:var(--nav);text-align:center;padding:20px}ul{padding-left:22px}