:root { --ink:#0B1E3A; --navy:#07142B; --navy2:#0E2749; --cream:#FFF9EF; --paper:#FFFDF7; --gold:#F2C94C; --coral:#FF6B5E; --teal:#2EC4B6; --blue:#3D5A80; }
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { font-family:'Nunito',sans-serif; color:var(--ink); background:var(--cream); line-height:1.65; }
a { text-decoration:none; color:inherit; }
img { max-width:100%; }
.wrap { max-width:980px; margin:0 auto; padding:0 22px; }
.script { font-family:'Caveat',cursive; }
.hl { background:linear-gradient(transparent 55%, var(--gold) 55%); padding:0 6px; }
nav { position:fixed; top:0; left:0; right:0; z-index:100; background:rgba(7,20,43,.94); backdrop-filter:blur(10px); }
nav .nwrap { max-width:1150px; margin:0 auto; padding:0 22px; display:flex; align-items:center; justify-content:space-between; height:62px; }
.logo { font-weight:900; letter-spacing:2px; color:#fff; font-size:1.1rem; }
.logo b { color:var(--gold); }
.nav-links { display:flex; gap:20px; font-weight:800; font-size:.88rem; color:#E8EDF5; align-items:center; }
.nav-links a:hover { color:var(--gold); }
.cta-nav { background:var(--gold); color:var(--navy)!important; padding:7px 16px; border-radius:30px; font-weight:900; }
@media (max-width:860px){ .nav-links a:not(.cta-nav):not(.keep){ display:none; } }
.page-head { background:radial-gradient(ellipse at 50% 20%, var(--navy2) 0%, var(--navy) 75%); color:#F8FAFC; padding:110px 0 46px; }
.page-head .script { color:var(--gold); font-size:1.5rem; }
.page-head h1 { font-size:clamp(1.7rem,3.6vw,2.6rem); font-weight:900; margin-top:4px; }
.page-head p { opacity:.9; margin-top:10px; max-width:640px; }
main { padding:46px 0 70px; }
h2 { font-size:1.45rem; font-weight:900; margin:34px 0 12px; }
h3 { font-size:1.08rem; font-weight:900; margin:20px 0 8px; }
p, li { font-size:.98rem; }
ul, ol { padding-left:22px; margin:8px 0; }
li { margin-bottom:6px; }
.card { background:var(--paper); border:3px solid var(--ink); border-radius:16px; padding:20px 24px; margin:16px 0; }
.card.y { box-shadow:5px 5px 0 var(--gold); }
.card.t { box-shadow:5px 5px 0 var(--teal); }
.card.r { box-shadow:5px 5px 0 var(--coral); }
table { width:100%; border-collapse:separate; border-spacing:0; font-size:.92rem; margin:14px 0; border:3px solid var(--ink); border-radius:12px; overflow:hidden; }
th { background:var(--gold); color:var(--ink); padding:10px 12px; text-align:left; font-weight:900; border-bottom:3px solid var(--ink); }
td { padding:9px 12px; border-bottom:1px solid #EADFC8; background:var(--paper); vertical-align:top; }
tr:last-child td { border-bottom:none; }
.btn { display:inline-block; padding:13px 26px; border-radius:34px; font-weight:900; transition:transform .2s; }
.btn:hover { transform:translateY(-2px); }
.btn-gold { background:var(--gold); color:var(--navy); }
.btn-navy { background:var(--navy); color:#fff; }
.price { font-size:1.7rem; font-weight:900; color:var(--navy); }
.price small { font-size:.85rem; font-weight:700; opacity:.75; }
.tag { display:inline-block; background:var(--teal); color:#fff; border-radius:20px; padding:3px 12px; font-size:.8rem; font-weight:800; margin:2px 4px 2px 0; }
footer { background:#050F20; color:#9FB0C8; font-size:.82rem; padding:32px 0; margin-top:40px; }
footer .wrap { display:grid; grid-template-columns:1fr 1fr 1fr; gap:20px; max-width:1150px; }
@media (max-width:760px){ footer .wrap{ grid-template-columns:1fr; } }
footer b { color:#E8EDF5; }
footer a { color:#C9D6E8; text-decoration:underline; }
.breadcrumb { font-size:.85rem; font-weight:800; opacity:.75; margin-bottom:8px; }
.notice { font-size:.85rem; opacity:.8; font-style:italic; }
@media print { nav, footer .noprint { display:none; } .page-head{ padding:20px 0; background:#fff; color:#000;} body{background:#fff;} .card{box-shadow:none;} }