:root{--orange:#ff6c2f;--navy:#123e65;--blue:#80dbe8;--cream:#fff4de;--ink:#213244;--pink:#ffb5c9}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:17px/1.6 system-ui,-apple-system,sans-serif}a{color:inherit}header{background:#fff9eb;border-bottom:3px solid var(--ink);position:sticky;top:0;z-index:3}nav{max-width:1160px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem;flex-wrap:wrap}nav .links{display:flex;gap:1.15rem;align-items:center;flex-wrap:wrap;font-weight:750;font-size:.93rem}.logo{font-weight:950;font-size:1.4rem;color:var(--navy);text-decoration:none;letter-spacing:-.06em}.logo span{color:var(--orange)}.btn{background:var(--orange);border:2px solid var(--ink);border-radius:99px;box-shadow:4px 5px 0 var(--ink);color:#17283b;padding:.8rem 1.45rem;font-weight:900;text-decoration:none;display:inline-block;cursor:pointer}.btn.alt{background:var(--blue)}.btn.light{background:#fff8ea}main{min-height:65vh}.wrap{max-width:1160px;margin:auto;padding:4rem 1.2rem}.hero{background:radial-gradient(circle at 82% 25%,#ffbfd0 0 10%,transparent 10.3%),linear-gradient(145deg,#a9edf0,#e2fcfa 53%,#fff0cc);border-bottom:4px solid var(--ink)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2rem;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-weight:900;color:var(--navy);font-size:.8rem}h1,h2,h3{font-family:Georgia,serif;line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(3.2rem,7vw,6.2rem);margin:.3em 0}h2{font-size:clamp(2.1rem,4vw,3.4rem)}h3{font-size:1.45rem}.hero p{max-width:35rem;font-size:1.2rem}.actions{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.illustration{min-height:390px;background:#ffb5c9;border:4px solid var(--ink);border-radius:49% 49% 13% 13%;box-shadow:12px 13px 0 var(--navy);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.illustration:after{content:"✦ ✧ ✦";font-size:4rem;color:#fff;position:absolute;top:5px;right:14px}.character{font-size:12rem;line-height:1;filter:drop-shadow(6px 6px 0 #ff6c2f)}.bubble{position:absolute;left:8%;bottom:8%;background:var(--cream);padding:.75rem 1rem;border:3px solid var(--ink);border-radius:20px;font-weight:900;transform:rotate(-7deg)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.card{background:white;border:3px solid var(--ink);border-radius:24px;padding:1.5rem;box-shadow:6px 6px 0 var(--navy)}.card b.symbol{font-size:2.5rem}.stripe{background:var(--navy);color:white}.stripe h2{color:#fff}.two{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.tag{display:inline-block;background:var(--pink);border-radius:50px;padding:.4rem 1rem;font-weight:900}.note{background:#fce4bd;padding:1rem;border-left:5px solid var(--orange)}.check li{margin:.65rem 0}details{background:white;padding:1rem 1.25rem;border:2px solid var(--navy);border-radius:15px;margin:.75rem 0}summary{font-weight:850;cursor:pointer}footer{background:#102f4c;color:white;padding:3rem 1.2rem;text-align:center}footer a{margin:0 .5rem}form{display:grid;gap:1rem;max-width:720px}label{font-weight:750}input,select,textarea{width:100%;padding:1rem;border:2px solid var(--navy);border-radius:12px;font:inherit;background:white}small{color:#455466}.spark{color:var(--orange)}@media(max-width:760px){.hero-grid,.two{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.illustration{min-height:310px}.character{font-size:9rem}nav .links{gap:.7rem}h1{font-size:3.4rem}}
/* Gleam & Glow / retro-future design system */
:root{--orange:#f36b37;--navy:#163f55;--blue:#81dcda;--cream:#fff7e9;--ink:#173c4d;--pink:#f5b1a1;--sun:#f8c85a}
body{background:var(--cream);color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif}
header{background:#fff9ed;border-bottom:2px solid var(--navy);box-shadow:0 3px 0 #80d9d1}
nav{max-width:1220px}
nav .links{font-size:.88rem;gap:1rem}
.logo{font-family:"Trebuchet MS",Arial,sans-serif;font-size:1.45rem;letter-spacing:-.065em;font-weight:1000}
h1,h2,h3{font-family:"Trebuchet MS",Arial,sans-serif;letter-spacing:-.055em;font-weight:900}
h1{line-height:.98;max-width:760px}
h2{line-height:1.12}
.hero{background:radial-gradient(circle at 6% 18%,#fff4d8 0 9%,transparent 9.2%),radial-gradient(circle at 96% 75%,#fbd5a5 0 12%,transparent 12.2%),linear-gradient(120deg,#d8f6f0 0%,#9de6e0 60%,#c6efde 100%);border-bottom:5px solid var(--navy)}
.hero-grid{grid-template-columns:1.06fr .94fr;padding-top:5rem;padding-bottom:5rem}
.hero h1{font-size:clamp(3.3rem,7.4vw,6.6rem)}
.hero p{font-size:1.18rem;line-height:1.65}
.spark{color:#ed6636;text-shadow:2px 2px 0 #fff9e8}
.eyebrow{letter-spacing:.13em;font-size:.77rem}
.btn{transition:transform .18s,box-shadow .18s;background:var(--orange);border:2px solid var(--navy);box-shadow:4px 5px 0 var(--navy);color:var(--navy)}
.btn:hover{transform:translateY(-3px);box-shadow:4px 8px 0 var(--navy)}
.btn.alt{background:#fff6e6}
.illustration{background:radial-gradient(circle at center,#9ae1dc 0%,#78d4d4 68%,#63b9c5 100%);border:4px solid var(--navy);border-radius:45% 45% 22% 22% / 38% 38% 14% 14%;box-shadow:12px 13px 0 var(--orange);min-height:500px;isolation:isolate}
.illustration:after{content:"✳";font-size:5rem;color:#fff9e8;top:6px;right:15px;opacity:.8}
.gleam-muse{width:100%;max-width:435px;position:relative;z-index:1;filter:drop-shadow(0 8px 0 rgba(22,63,85,.1))}
.orbit{position:absolute;border:2px dashed rgba(255,249,230,.7);border-radius:50%;width:94%;height:67%;transform:rotate(-20deg)}
.orbit-two{transform:rotate(24deg);width:78%;height:85%}
.bubble{z-index:2;bottom:5%;left:3%;background:#fff9ed;border-radius:22px;font-size:.95rem}
.sticker{position:absolute;right:1%;top:16%;background:var(--sun);border:3px solid var(--navy);border-radius:50%;width:104px;height:104px;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.1;font-size:.75rem;font-weight:1000;transform:rotate(14deg);z-index:2}
.cards{gap:1.35rem}
.card{background:#fffdf7;border:2px solid var(--navy);border-radius:22px;box-shadow:5px 6px 0 #77d3d2;transition:transform .2s}
.card:hover{transform:translateY(-3px)}
.card h3{color:#df5e34}
.stripe{background:#163f55}
.tag{background:#f8d16c}
footer{background:#163f55}
@media(max-width:760px){.hero-grid{padding-top:3rem;padding-bottom:3rem}.hero h1{font-size:clamp(3.1rem,11vw,4.7rem)}.illustration{min-height:350px;max-width:470px;width:100%;margin:auto}.gleam-muse{max-width:340px}.sticker{width:80px;height:80px;font-size:.6rem;top:10%}.bubble{font-size:.75rem}.hero p{font-size:1.05rem}nav .links{gap:.6rem;font-size:.8rem}}