:root { --ink:#143d62; --coral:#ef5d65; --yellow:#ffbd2d; --green:#63a45b; --blue:#3284c4; --cream:#fffaf0; --paper:#fffdf8; --pink:#ffdce0; --shadow:0 15px 35px rgba(31, 70, 95, .12); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:Avenir Next, Avenir, Helvetica Neue, Arial, sans-serif; font-size:18px; line-height:1.5; }
.site-header { min-height:82px; background:rgba(255,253,248,.94); display:flex; align-items:center; justify-content:space-between; gap:28px; padding:9px clamp(20px,6vw,90px); position:sticky; top:0; z-index:10; box-shadow:0 2px 18px rgba(20,61,98,.07); backdrop-filter:blur(10px); }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); font-family:Arial Rounded MT Bold, Avenir Next, sans-serif; font-size:17px; line-height:.9; text-decoration:none; }
.brand img { width:57px; height:57px; object-fit:contain; }
.brand strong { font-size:20px; }
nav { display:flex; gap:26px; } nav a,.text-link { color:var(--ink); font-weight:800; text-decoration:none; } nav a:hover,.text-link:hover { color:var(--coral); }
.button { display:inline-flex; align-items:center; gap:15px; padding:15px 24px; background:var(--coral); color:white; border:0; border-radius:999px; box-shadow:0 7px 0 #cc414b; font-weight:900; text-decoration:none; transition:transform .2s,box-shadow .2s; }
.button:hover { transform:translateY(-2px); box-shadow:0 9px 0 #cc414b; }.button:focus-visible,nav a:focus-visible,.text-link:focus-visible { outline:4px solid var(--yellow); outline-offset:4px; }.button-small { padding:10px 18px; box-shadow:0 4px 0 #cc414b; font-size:16px; }
.hero { min-height:595px; overflow:hidden; position:relative; display:grid; grid-template-columns:minmax(0, 1fr) minmax(480px, .92fr); align-items:center; gap:35px; padding:70px clamp(20px,9vw,150px) 62px; background:radial-gradient(circle at 62% 17%, #fff3df 0 20%, transparent 21%),linear-gradient(140deg,#fffefb 0%,#fff8e9 100%); }
.hero::after { content:''; position:absolute; height:70px; background:var(--cream); bottom:-37px; left:-2%; right:-2%; border-radius:50% 50% 0 0 / 100% 100% 0 0; }
.hero-copy { position:relative; z-index:2; max-width:640px; }.eyebrow { color:var(--coral); font-family:Arial Rounded MT Bold, Avenir Next, sans-serif; font-size:21px; font-weight:800; letter-spacing:.03em; margin:0 0 6px; }.hero h1,.section h2,.signup h2 { font-family:Arial Rounded MT Bold, Avenir Next, sans-serif; font-size:clamp(56px,8vw,104px); line-height:.78; letter-spacing:-.04em; margin:0; color:var(--ink); }.hero h1 span { color:var(--coral); }.hero-age { margin:20px 0 10px; font-family:Arial Rounded MT Bold, Avenir Next, sans-serif; font-size:clamp(27px,3vw,39px); }.hero-intro { max-width:540px; margin:0 0 29px; font-size:20px; }.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:30px; }
.hero-art { align-self:stretch; min-height:390px; position:relative; z-index:1; }.hero-art img { position:absolute; width:min(580px,100%); max-height:470px; object-fit:cover; object-position:center 54%; border-radius:47% 53% 45% 55% / 42% 43% 57% 58%; right:0; top:23px; box-shadow:var(--shadow); }.sun,.rainbow { position:absolute; z-index:2; font-size:70px; color:var(--yellow); font-family:'Baloo 2',cursive; }.sun { top:-5px; left:-10px; transform:rotate(-18deg); }.rainbow { color:var(--coral); right:9%; top:-23px; font-size:150px; line-height:1; transform:rotate(2deg); }
.facts { position:relative; z-index:3; display:grid; grid-template-columns:repeat(4,1fr); gap:15px; max-width:1240px; padding:0 28px; margin:-8px auto 75px; }.facts article { min-height:112px; display:flex; align-items:center; gap:13px; padding:14px 17px; background:var(--paper); border-radius:28px; box-shadow:var(--shadow); }.facts strong { display:block; font-family:Arial Rounded MT Bold, Avenir Next, sans-serif; font-size:18px; line-height:1.05; }.facts b { font-size:16px; line-height:1.12; display:block; }.fact-icon { width:48px; height:48px; flex:0 0 48px; display:grid; place-items:center; border-radius:50%; font-size:26px; font-weight:900; }.calendar{background:#ffdce0;color:#c82c46}.clock{background:#dcefff;color:#1f74bd}.location{background:#fff0c9;color:#eb8d00}.people{background:#e1f1d9;color:#438d48}
.section { max-width:1220px; padding:55px 28px 90px; margin:auto; }.section-intro { max-width:720px; text-align:center; margin:0 auto 40px; }.section h2 { font-size:64px; line-height:.92; }.section-intro>p:last-child,.pass-copy>p:not(.eyebrow) { font-size:20px; margin:17px auto 0; }.benefits { display:grid; grid-template-columns:repeat(4,1fr); gap:17px; }.benefit { min-height:230px; padding:26px 23px; border-radius:38px; text-align:center; box-shadow:0 9px 0 rgba(20,61,98,.05); }.benefit>span { display:grid; width:62px;height:62px;border-radius:50%;place-items:center;font-size:31px;margin:0 auto 9px; }.benefit h3 { font-family:Arial Rounded MT Bold, Avenir Next, sans-serif; font-size:30px; line-height:1; margin:0 0 7px; }.benefit p { font-size:16px; line-height:1.3; margin:0; }.coral{background:#fff0ef}.coral>span{background:#ffcfd2;color:#d5434d}.blue{background:#edf8ff}.blue>span{background:#cfe9fa;color:#237bbb}.green{background:#f0f8e9}.green>span{background:#d8edc9;color:#4b944e}.yellow{background:#fff7e3}.yellow>span{background:#ffe7a7;color:#dd8b00}
.pass-section { display:grid; grid-template-columns:1fr 1fr; gap:75px; align-items:center; }.pass-copy h2 { font-size:65px; }.pass-copy>p:not(.eyebrow){ margin:16px 0 27px; max-width:500px; }.stamp-card { position:relative; padding:31px 34px 27px; border:7px solid var(--ink); border-radius:38px; background:var(--paper); text-align:center; box-shadow:15px 15px 0 #ffe3a0; transform:rotate(2deg); }.stamp-card::before,.stamp-card::after { content:'♥'; position:absolute; color:var(--coral); font-size:32px; }.stamp-card::before{left:15px;top:12px}.stamp-card::after{right:15px;bottom:9px}.stamp-label { margin:0; font-family:Arial Rounded MT Bold, Avenir Next, sans-serif; color:var(--green); font-size:17px; }.stamp-card h3 { font-family:Arial Rounded MT Bold, Avenir Next, sans-serif; color:var(--coral); font-size:48px; line-height:.9; margin:2px 0; }.stamp-for { margin:0 0 19px; font-weight:800; }.stamps { display:grid; grid-template-columns:repeat(5,1fr); gap:11px; }.stamps span { aspect-ratio:1; border:3px dashed var(--blue); display:grid; place-items:center; border-radius:50%; color:#fff; font-size:25px; }.stamps span:nth-child(5n+2){border-color:var(--yellow)}.stamps span:nth-child(5n+3){border-color:var(--green)}.stamps span:nth-child(5n+4){border-color:var(--blue)}.stamps span:nth-child(5n+5){border-color:#ed8a96}.stamps .used { border-style:solid;background:var(--coral);border-color:var(--coral) !important; }.stamp-status { margin:20px 0 0; font-size:16px; }.stamp-status strong { color:var(--coral); }
.signup { max-width:1110px; margin:0 auto 75px; padding:45px 56px; display:flex; justify-content:space-between; align-items:center; gap:35px; color:#fff; background:linear-gradient(115deg,#4e9b66,#2a7ab3); border-radius:44px; box-shadow:var(--shadow); }.signup .eyebrow{color:#ffdf7c}.signup h2{font-size:52px;color:#fff}.signup p:not(.eyebrow){margin:12px 0 0;max-width:630px}.button-light{background:var(--yellow);color:var(--ink);box-shadow:0 7px 0 #dd9811;white-space:nowrap}.button-light:hover{box-shadow:0 9px 0 #dd9811} footer{text-align:center;padding:26px;color:var(--ink);font-family:Arial Rounded MT Bold, Avenir Next, sans-serif;font-size:19px}footer span{color:var(--coral)}footer small{font-family:Avenir Next, Avenir, Helvetica Neue, Arial, sans-serif;font-size:14px}
@media (max-width:900px){.site-header{padding:8px 18px}.site-header nav{display:none}.hero{grid-template-columns:1fr;padding:50px 25px 70px}.hero-art{min-height:310px;max-width:600px;width:100%;margin:auto}.hero-art img{left:0;right:auto}.facts{grid-template-columns:repeat(2,1fr);margin-top:-20px}.benefits{grid-template-columns:repeat(2,1fr)}.pass-section{grid-template-columns:1fr;gap:45px}.signup{margin:0 28px 55px}.section h2,.pass-copy h2{font-size:55px}}
@media (max-width:550px){body{font-size:17px}.site-header{min-height:68px}.brand img{width:47px;height:47px}.brand{font-size:14px}.brand strong{font-size:17px}.button-small{font-size:14px;padding:9px 13px}.hero{padding-top:42px}.hero h1{font-size:56px;letter-spacing:-.075em}.hero-age{font-size:28px}.hero-intro{font-size:18px}.hero-art{min-height:250px}.hero-art img{height:250px;object-position:center bottom}.sun{font-size:54px}.rainbow{font-size:115px}.facts{grid-template-columns:1fr;gap:11px;padding:0 20px;margin-bottom:42px}.facts article{min-height:82px;border-radius:22px}.section{padding:40px 20px 65px}.section h2,.pass-copy h2{font-size:49px}.benefits{grid-template-columns:1fr 1fr;gap:11px}.benefit{min-height:192px;padding:18px 11px;border-radius:26px}.benefit>span{width:48px;height:48px;font-size:25px}.benefit h3{font-size:25px}.benefit p{font-size:14px}.pass-section{gap:30px}.stamp-card{padding:25px 20px}.stamp-card h3{font-size:41px}.stamps{gap:7px}.stamps span{border-width:2px;font-size:18px}.signup{display:block;border-radius:33px;padding:34px 28px;margin:0 20px 45px}.signup h2{font-size:42px}.signup .button{margin-top:24px}footer small{display:block}.hero-actions{gap:22px}}