:root{--cream:#fff9ec;--paper:#fffdf7;--ink:#2a2440;--coral:#ff7a70;--pink:#ffb7cf;--sun:#fff0a3;--sky:#72d7e8;--lavender:#b9a0ff;--green:#8bd17c;--shadow:#2a244024}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);min-width:320px;color:var(--ink);margin:0;font-family:Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif;overflow-x:hidden}button{font:inherit;color:inherit}button:focus-visible{box-shadow:0 0 0 8px var(--ink);outline:4px solid #fff}body:before{content:"";pointer-events:none;z-index:20;opacity:.2;mix-blend-mode:multiply;background-image:radial-gradient(#2a244040 .7px,#0000 .7px);background-size:8px 8px;position:fixed;inset:0}.hero{text-align:center;background:radial-gradient(circle at 13% 20%, #ffb7cfbf 0 8%, transparent 8.3%), radial-gradient(circle at 85% 74%, #72d7e899 0 10%, transparent 10.3%), linear-gradient(180deg, var(--sun) 0%, #fff5c5 70%, var(--cream) 100%);flex-direction:column;justify-content:center;align-items:center;min-height:94vh;padding:80px 24px 100px;display:flex;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";border:5px solid var(--ink);opacity:.13;border-radius:46% 54% 39% 61%/56% 38% 62% 44%;width:230px;height:230px;position:absolute}.hero:before{top:38%;left:-115px;transform:rotate(24deg)}.hero:after{top:10%;right:-120px;transform:rotate(-18deg)}.kicker{letter-spacing:.09em;text-transform:uppercase;align-items:center;gap:8px;margin:0 0 22px;font-size:clamp(.76rem,2vw,.95rem);font-weight:900;display:flex}.hero h1{letter-spacing:-.075em;text-transform:uppercase;text-shadow:5px 6px #ffffffbf;justify-content:center;align-items:center;gap:clamp(8px,3vw,34px);margin:0;font-family:Arial Black,Arial Rounded MT Bold,sans-serif;font-size:clamp(4.2rem,14vw,10.5rem);line-height:.82;display:flex}.hero h1>span:first-child{transform:rotate(-3deg)}.hero h1>span:last-child{transform:rotate(2deg)}.title-n{aspect-ratio:1;border:5px solid var(--ink);background:var(--coral);width:clamp(64px,11vw,126px);color:var(--paper);letter-spacing:0;text-shadow:none;box-shadow:7px 7px 0 var(--ink);border-radius:52% 48% 42% 58%/48% 57% 43% 52%;place-items:center;padding-right:.07em;font-size:.65em;display:grid}.date-night-pill{border:4px solid var(--ink);background:var(--lavender);color:var(--ink);letter-spacing:.08em;border-radius:49% 51% 46% 54%/55% 44% 56% 45%;margin-top:26px;padding:11px 27px 9px;font-family:Marker Felt,Comic Sans MS,cursive;font-size:clamp(1.15rem,3vw,1.8rem);font-weight:900;position:relative;transform:rotate(-2deg)}.hero-copy{max-width:520px;margin:28px 0 24px;font-family:Marker Felt,Comic Sans MS,cursive;font-size:clamp(1.15rem,2.4vw,1.45rem);line-height:1.45}.start-button,.complete-button{border:4px solid var(--ink);background:var(--paper);box-shadow:6px 7px 0 var(--ink);cursor:pointer;border-radius:18px 22px 17px 24px;font-weight:900;transition:transform .18s,box-shadow .18s,background-color .18s}.start-button{text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:10px;padding:15px 22px;display:flex}.start-button:hover,.complete-button:hover{box-shadow:9px 10px 0 var(--ink);transform:translate(-2px,-3px)rotate(-1deg)}.start-button:active,.complete-button:active{box-shadow:2px 2px 0 var(--ink);transform:translate(4px,4px)}.scroll-note{font-family:Marker Felt,Comic Sans MS,cursive;font-size:.9rem;position:absolute;bottom:34px;transform:rotate(-4deg)}.hero-doodle{position:absolute}.hero-doodle svg{stroke-width:2.2px;width:100%;height:100%}.hero-doodle-star{width:78px;height:78px;color:var(--coral);top:17%;left:8%;transform:rotate(-13deg)}.hero-doodle-heart{width:66px;height:66px;color:var(--lavender);top:23%;right:10%;transform:rotate(14deg)}.hero-doodle-flower{width:88px;height:88px;color:var(--green);bottom:13%;left:14%;transform:rotate(-8deg)}.roadmap{max-width:1120px;margin:0 auto;padding:88px 40px 160px;position:relative}.section-heading{text-align:center;max-width:700px;margin:0 auto 90px}.section-heading>p{color:#6f6689;margin:0 0 8px;font-family:Marker Felt,Comic Sans MS,cursive;font-size:1.1rem}.section-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(2.5rem,7vw,5.6rem);line-height:.95}.progress-wrap{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:12px;width:min(100%,380px);margin:28px auto 0;font-size:.78rem;font-weight:900;display:flex}.progress-track{border:3px solid var(--ink);background:#fff;border-radius:99px;flex:1;height:15px;overflow:hidden}.progress-track span{background:var(--coral);height:100%;transition:width .32s cubic-bezier(.22,1,.36,1);display:block}.chapters{gap:100px;display:grid;position:relative}.journey-line{opacity:.42;background:repeating-linear-gradient(to bottom, var(--ink) 0 10px, transparent 10px 22px);border-radius:99px;width:8px;position:absolute;top:330px;bottom:130px;left:50%;transform:translate(-50%)}.chapter-card{z-index:2;border:4px solid var(--ink);background:var(--card-color);width:min(680px,74%);box-shadow:12px 14px 0 var(--ink);border-radius:33px 23px 38px 27px/25px 36px 27px 38px;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s;position:relative}.chapter-card:nth-child(odd){justify-self:start;transform:rotate(-1.3deg)}.chapter-card:nth-child(2n){justify-self:end;transform:rotate(1.2deg)}.chapter-card:hover{box-shadow:17px 20px 0 var(--ink);transform:translateY(-7px)rotate(.6deg)}.chapter-card.is-open{width:min(760px,80%)}.chapter-card.is-done:after{content:"DONE!";border:3px solid var(--ink);background:var(--green);padding:7px 12px;font-family:Marker Felt,Comic Sans MS,cursive;font-size:.82rem;font-weight:900;position:absolute;top:-24px;right:78px;transform:rotate(7deg)}.chapter-dot{border:4px solid var(--ink);background:var(--paper);border-radius:50%;width:27px;height:27px;position:absolute;top:50%}.chapter-card:nth-child(odd) .chapter-dot{right:calc(-38.1% - 17px)}.chapter-card:nth-child(2n) .chapter-dot{left:calc(-38.1% - 17px)}.chapter-toggle{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto auto 1fr auto;align-items:center;gap:20px;width:100%;padding:28px 30px;display:grid}.chapter-number{opacity:.62;align-self:start;font-family:Arial Black,sans-serif;font-size:.9rem}.icon-bubble{border:3px solid var(--ink);background:var(--card-accent);border-radius:50% 45% 52% 48%;place-items:center;width:64px;height:64px;display:grid;transform:rotate(-5deg)}.chapter-title-group{gap:5px;display:grid}.chapter-eyebrow{font-family:Marker Felt,Comic Sans MS,cursive;font-size:.95rem;font-weight:700}.chapter-title{letter-spacing:-.035em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:900;line-height:1}.chapter-intro{opacity:.83;font-family:Marker Felt,Comic Sans MS,cursive;font-size:1rem;line-height:1.35}.expand-mark{border:3px solid var(--ink);background:var(--paper);border-radius:50%;place-items:center;width:39px;height:39px;font:900 1.65rem/1 Arial Rounded MT Bold,sans-serif;display:grid}.chapter-content{padding:0 32px 34px 128px}.chapter-content ol{border-top:3px dashed #2a244080;margin:0 0 24px;padding:22px 0 0;list-style:none}.chapter-content li{grid-template-columns:28px 1fr;align-items:start;gap:12px;margin:0 0 13px;display:grid}.chapter-content li>span{border:2px solid var(--ink);background:var(--paper);border-radius:50%;place-items:center;width:25px;height:25px;font-size:.75rem;font-weight:900;display:grid}.chapter-content li p{margin:1px 0 0;font-family:Trebuchet MS,system-ui,sans-serif;font-size:1rem;font-weight:700;line-height:1.48}.complete-button{box-shadow:4px 5px 0 var(--ink);align-items:center;gap:8px;padding:11px 15px;font-size:.87rem;display:inline-flex}.complete-button[aria-pressed=true]{background:var(--green)}.card-sticker{border:3px solid var(--ink);background:var(--card-accent);border-radius:50%;place-items:center;width:73px;height:73px;font:900 .76rem/1 Arial Black,sans-serif;display:grid;position:absolute;bottom:-24px;right:-33px;transform:rotate(10deg)}.tape{background:#ffffff94;border:2px solid #2a244038;width:82px;height:29px;position:absolute;top:-16px;left:33%;transform:rotate(-3deg)}.mini-spark{color:var(--coral);font-size:2.6rem;animation:2.8s ease-in-out infinite twinkle;position:absolute;bottom:18px;left:-44px}.finale{text-align:center;background:var(--ink);color:var(--paper);clip-path:polygon(0 5%,8% 2%,17% 5%,27% 1%,38% 5%,50% 2%,61% 5%,73% 1%,84% 5%,93% 2%,100% 5%,100% 100%,0 100%);flex-direction:column;align-items:center;padding:120px 24px 110px;display:flex;position:relative}.finale:before,.finale:after{content:"♥";color:var(--coral);opacity:.18;font-size:7rem;position:absolute}.finale:before{top:30%;left:8%;transform:rotate(-17deg)}.finale:after{bottom:12%;right:9%;transform:rotate(14deg)}.finale-stars{color:var(--sun);font-size:1.4rem}.finale>p{color:var(--pink);margin:23px 0 12px;font-family:Marker Felt,Comic Sans MS,cursive;font-size:1.15rem}.finale h2{letter-spacing:-.06em;max-width:780px;margin:0;font-size:clamp(2.7rem,7vw,6.2rem);line-height:.95}.signature{color:var(--sun);margin-top:30px;font-family:Marker Felt,Comic Sans MS,cursive;font-size:1.6rem;transform:rotate(-4deg)}.celebration{border:3px solid var(--paper);background:var(--coral);color:var(--ink);margin-top:35px;padding:13px 18px;font-weight:900;transform:rotate(1deg)}.reset-button{color:var(--paper);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:22px;text-decoration:underline;display:inline-flex}footer{background:var(--coral);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;justify-content:center;align-items:center;gap:9px;padding:19px;font-size:.78rem;font-weight:900;display:flex}@keyframes twinkle{50%{opacity:.55;transform:scale(1.25)rotate(15deg)}}@media (max-width:760px){.hero{min-height:88vh;padding-inline:18px}.hero h1{flex-wrap:wrap;max-width:520px}.title-n{width:63px}.hero-doodle-star{width:48px;height:48px;top:10%;left:3%}.hero-doodle-heart{width:48px;height:48px;top:18%;right:3%}.hero-doodle-flower{display:none}.roadmap{padding:76px 18px 120px 33px}.section-heading{margin-bottom:66px}.journey-line{width:6px;top:320px;bottom:100px;left:17px}.chapters{gap:65px}.chapter-card,.chapter-card.is-open{width:100%}.chapter-card:nth-child(odd),.chapter-card:nth-child(2n){justify-self:stretch;transform:rotate(-.5deg)}.chapter-card:hover{transform:translateY(-4px)rotate(0)}.chapter-card:nth-child(odd) .chapter-dot,.chapter-card:nth-child(2n) .chapter-dot{border-width:3px;width:19px;height:19px;left:-31px;right:auto}.chapter-toggle{grid-template-columns:auto 1fr auto;gap:12px;padding:23px 19px}.chapter-number{display:none}.icon-bubble{width:49px;height:49px}.icon-bubble svg{width:24px}.chapter-title{font-size:1.38rem}.chapter-intro{font-size:.9rem}.chapter-eyebrow{font-size:.83rem}.expand-mark{width:34px;height:34px}.chapter-content{padding:0 19px 27px}.chapter-content ol{padding-top:18px}.chapter-content li p{font-size:.94rem}.card-sticker{width:58px;height:58px;font-size:.64rem;bottom:-29px;right:-9px}.mini-spark{display:none}.finale{padding:105px 22px 88px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}