:root{font-family:Arial,sans-serif;color:#f4f4f0;background:#111a26}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:1080px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;border-bottom:1px solid #354252}a{color:inherit}header a:first-child{font-size:24px;font-weight:bold;text-decoration:none}.eyebrow{text-transform:uppercase;letter-spacing:2px;color:#b9f36b;margin-top:45px}h1{font-size:clamp(36px,6vw,68px);line-height:1.06;max-width:850px;margin:20px 0}.intro{font-size:21px;color:#c4ccd5;max-width:670px;line-height:1.6}section{padding:28px;background:#203042;border:1px solid #42576d;border-radius:18px;margin:32px 0}.featured h2{font-size:clamp(21px,4vw,42px);overflow-wrap:anywhere}.button{display:inline-block;padding:15px 22px;border-radius:8px;background:#b9f36b;color:#15210b;font-weight:bold;text-decoration:none;margin:10px 0}.names{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.names a{padding:20px;background:#1c2939;border:1px solid #38495e;border-radius:12px;text-decoration:none;overflow-wrap:anywhere}.names a:hover{border-color:#b9f36b}.names span{display:block;margin-top:10px;color:#bfccd9;font-size:14px}.fine{line-height:1.6;color:#afbecd;font-size:14px;margin:28px 0}nav{display:flex;gap:12px;flex-wrap:wrap}nav a{padding:10px;border:1px solid #586a7f;border-radius:8px}footer{color:#afbecd;font-size:14px;padding-bottom:45px}