:root{--bg:#0f1a20;--fg:#e6eef0;--mut:#9fb3b8;--acc:#7cc4b4}*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,sans-serif;background:var(--bg);color:var(--fg)}a{color:var(--acc)}
.hero{padding:1.2rem 1.2rem 4rem;text-align:center;background:linear-gradient(180deg,#1d3440,#0f1a20)}nav{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}nav a{text-decoration:none;color:var(--mut)}
h1{font-weight:300;font-size:clamp(2.2rem,6vw,3.6rem);margin:.2em 0}.hero p{max-width:40rem;margin:0 auto 1.6rem;color:var(--mut)}
.btn{display:inline-block;padding:.7rem 1.4rem;border-radius:999px;background:var(--acc);color:#0f1a20;text-decoration:none;font-weight:600}
main{max-width:72rem;margin:auto;padding:0 1.2rem}section{padding:2.5rem 0}h2{font-weight:400}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem}.card{text-decoration:none;color:var(--fg);background:#16252c;border-radius:12px;overflow:hidden}.card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.card span{display:block;padding:.7rem .9rem;font-size:.92rem}
.box{background:#16252c;border-radius:12px;padding:1.4rem}.disc{font-size:.88rem;color:var(--mut);margin-top:1.2rem}footer{text-align:center;color:var(--mut);font-size:.85rem;padding:2rem 1rem}