:root{--navy:#475987;--pink:#ff8e9e;--hot-pink:#ef5d82;--cream:#fff9ed;--ink:#4b4b66;--yellow:#ffd77d;--sky:#a8d9ee}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Noto Serif SC",serif}.section{position:relative;overflow:hidden;padding:86px max(24px,calc((100vw - 960px)/2));text-align:center}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;background:radial-gradient(circle at 50% 25%,#ffc1cc 0,#ff98aa 34%,#8dbbdf 100%)}.grain{position:absolute;inset:0;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.doodle{position:absolute;z-index:1;color:#fff8d9;text-shadow:0 3px 0 #e5708a77;animation:float 4s ease-in-out infinite}.heart-one{left:11%;top:19%;font-size:42px}.heart-two{right:13%;top:18%;font-size:35px;animation-delay:-1s}.heart-three{right:7%;bottom:21%;font-size:32px;animation-delay:-2s}@keyframes float{50%{transform:translateY(-12px) rotate(9deg)}}.eyebrow,.section-kicker{font-family:Arial,sans-serif;letter-spacing:.17em;font-size:10px;font-weight:700;color:#e9788e;margin:0 0 16px}.hero .eyebrow,.light{color:#fff7d9}.medal{position:relative;z-index:1;display:grid;place-items:center;width:94px;height:94px;margin-bottom:20px;border:3px dashed #fff7d9;border-radius:42% 58% 55% 45%;color:#fff7d9;background:#ffffff21;transform:rotate(-5deg)}.medal span{font-size:47px;line-height:.8;font-family:Georgia,serif}.medal small{font:700 8px Arial;letter-spacing:.15em;margin-top:-4px}.hero h1,.section h2{position:relative;z-index:1;margin:0;font-weight:900;line-height:1.28;font-size:clamp(34px,7vw,58px)}.hero h1 em{color:#fff7cf;font-family:"ZCOOL XiaoWei",serif;font-style:normal}.hero-copy{position:relative;z-index:1;line-height:1.9;font-size:17px;margin:22px 0 28px}.primary-button,.secondary-button{border:0;cursor:pointer;font:700 14px "Noto Serif SC",serif;letter-spacing:.05em;transition:transform .2s,box-shadow .2s}.primary-button{position:relative;z-index:1;padding:15px 21px;color:#bc4f70;background:#fff8db;border-radius:999px;box-shadow:0 8px 20px #ae4f6b44}.primary-button:hover,.secondary-button:hover{transform:translateY(-3px) rotate(-1deg);box-shadow:0 10px 25px #ac608033}.primary-button span{color:var(--hot-pink);font-size:18px;margin-left:6px}.roles{position:absolute;bottom:36px;display:flex;align-items:center;gap:10px;font-size:12px;color:#fff}.roles i{width:auto;height:auto;background:none;color:#fff5a8;font-style:normal}.letter-section{background:#fff4df}.section h2{font-size:clamp(28px,5vw,42px);color:#596394;margin-bottom:38px}.letter-card{position:relative;max-width:650px;margin:auto;padding:48px 30px 32px;text-align:left;background:#fffefa;border-radius:25px 8px 25px 8px;box-shadow:0 14px 30px #d57d9524;line-height:2;color:#645b6c}.letter-card:before{content:"";position:absolute;inset:10px;border:2px dashed #ffc2b4;border-radius:18px 4px 18px 4px;pointer-events:none}.letter-card p{position:relative;margin:0 0 17px}.stamp{position:absolute;right:30px;top:25px;width:50px;height:50px;display:grid;place-items:center;z-index:1;border:2px solid var(--hot-pink);border-radius:48% 52% 45% 55%;color:var(--hot-pink);background:#fff3f4;font:700 15px Georgia;transform:rotate(12deg)}.signature{text-align:right;color:var(--hot-pink)!important}.signature span{font:11px Arial;letter-spacing:.12em}.honor-section{color:#fff;background:linear-gradient(135deg,#93c8df,#8e9ed1)}.honor-section h2,.promise-section h2{color:#fff}.honor-grid{display:grid;max-width:760px;margin:auto;grid-template-columns:repeat(2,1fr);gap:16px}.honor-card{min-height:270px;padding:30px 22px;text-align:left;border:2px dashed #ffffff92;border-radius:22px 8px 22px 8px;background:#ffffff2e}.honor-card .icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;margin-bottom:18px;font:22px Arial;color:#fff;transform:rotate(-8deg)}.army .icon{background:var(--pink)}.doctor .icon{background:#75c9ba}.card-label{font:700 10px Arial;letter-spacing:.13em;color:#fff8c9}.honor-card h3{font-size:20px;line-height:1.5;margin:7px 0 13px}.honor-card>p:last-child{font-size:13px;line-height:1.8;color:#f6fbff}.timeline-section{background:#fff9ed}.timeline{max-width:650px;margin:auto;text-align:left}.timeline-item{position:relative;display:grid;grid-template-columns:58px 1fr;gap:18px;padding:0 0 29px}.timeline-item:not(:last-child):before{content:"";position:absolute;width:2px;left:21px;top:43px;bottom:0;border-left:2px dotted #ffb0ac}.timeline-item time{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#ffc4a8;color:#fff;font:700 17px Georgia;transform:rotate(-6deg)}.timeline-item h3{margin:7px 0 4px;color:#6870a0;font-size:18px}.timeline-item p{margin:0;color:#827a8a;font-size:14px;line-height:1.8}.mission-section{background:#fff0c7}.mission-box{max-width:560px;margin:auto;padding:34px 25px;background:#fffdf8;border:2px dashed #ff9ca6;border-radius:24px;box-shadow:0 10px 22px #d9937b1c}.mission-number{font:700 36px Georgia;color:var(--hot-pink)}.mission-box p{min-height:55px;margin:12px 0;font-size:17px;line-height:1.7}.secondary-button{padding:11px 22px;color:#fff;background:#ff8198;border-radius:999px}.promise-section{padding-top:100px;padding-bottom:100px;color:#fff;background:radial-gradient(circle at 50% 15%,#ffb5b5,#8faee0 68%)}.promise-mark{font:68px Georgia;color:#fff8bd;line-height:.7}.promise-section>p:last-of-type{position:relative;z-index:1;line-height:2;font-size:15px}.final-button{margin-top:23px}.toast{position:fixed;z-index:10;left:50%;bottom:24px;transform:translate(-50%,120px);padding:12px 16px;max-width:90vw;border-radius:999px;background:#ff7791;color:#fff;font-size:13px;box-shadow:0 6px 20px #0004;opacity:0;transition:.35s}.toast.show{transform:translate(-50%,0);opacity:1}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:600px){.section{padding-top:66px;padding-bottom:66px}.hero{min-height:760px}.honor-grid{grid-template-columns:1fr}.honor-card{min-height:auto}.letter-card{padding:43px 24px 28px}.roles{bottom:22px;font-size:10px}.stamp{right:24px}}