:root{--navy:#141f38;--cream:#F4EDE0;--orange:#F2762E;--muted:#a9b2c4;}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--navy);color:var(--cream);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}
a{color:var(--orange);text-decoration:none}
a:hover{text-decoration:underline}
header.site{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:20px 22px;max-width:820px;margin:0 auto}
.brand{font-weight:800;letter-spacing:3px;color:var(--cream);font-size:17px}
.brand b{color:var(--orange)}
nav a{margin-left:18px;color:var(--muted);font-size:14px}
.wrap{max-width:760px;margin:0 auto;padding:14px 22px 70px}
h1{font-size:34px;margin:10px 0 6px;letter-spacing:.3px}
h2{color:var(--orange);font-size:19px;margin:30px 0 8px}
p,li{color:#dfe4ee;margin-bottom:12px}
ul{margin:0 0 14px 20px}
.muted{color:var(--muted);font-size:14px}
.hero{padding:56px 0 24px}
.hero .tag{font-size:20px;color:#dfe4ee;max-width:540px;margin-top:10px}
.card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px 22px;margin:16px 0}
.card h2{margin-top:0}
.btn{display:inline-block;background:var(--orange);color:#fff;padding:12px 20px;border-radius:12px;font-weight:700;margin-top:20px}
footer{border-top:1px solid rgba(255,255,255,.08);margin-top:48px;padding:22px;color:var(--muted);font-size:14px;max-width:760px;margin-left:auto;margin-right:auto}
footer a{color:var(--muted)}
.mail{color:var(--orange);font-weight:600}