*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#080308;color:#fff7fa;font-family:'DM Sans',sans-serif;overflow-x:hidden}button{font:inherit}em{font-family:'Cormorant Garamond',serif;font-weight:500;color:#ffb8c9}h1,h2,h3{font-family:'Cormorant Garamond',serif}.hidden{display:none!important}.noise{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.045;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.loader{position:fixed;inset:0;background:#080308;z-index:999;display:grid;place-items:center;text-align:center;transition:.9s}.loader.hide{opacity:0;visibility:hidden}.loader-ring{width:100px;height:100px;border:1px solid rgba(255,166,190,.25);border-radius:50%;display:grid;place-items:center;animation:spin 7s linear infinite;box-shadow:0 0 70px rgba(255,90,140,.12)}.loader-ring span{font-size:34px;color:#ff9fb8;animation:beat 1.1s infinite}.loader p{position:absolute;margin-top:155px;font-size:11px;letter-spacing:.22em;color:#8e707d;text-transform:uppercase}.music-btn{position:fixed;right:22px;top:20px;z-index:120;background:rgba(15,6,12,.65);border:1px solid rgba(255,255,255,.16);border-radius:30px;padding:11px 17px;color:#fff;font-size:10px;letter-spacing:.14em;backdrop-filter:blur(16px);cursor:pointer}.hero{min-height:100svh;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#36101e 0,#13060d 37%,#080308 75%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#080308)}.hero-stars{position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1.5px);background-size:120px 120px;opacity:.18;animation:stars 25s linear infinite}.hero-content{position:relative;z-index:4;width:min(900px,92%)}.tiny-line{font-size:9px;letter-spacing:.35em;color:#9b7785;margin-bottom:35px}.floating-heart{font-size:70px;color:#ff9eb8;text-shadow:0 0 45px rgba(255,110,150,.5);animation:float 4s ease-in-out infinite}.eyebrow,.kicker{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#c59aa9}.hero h1{font-size:clamp(70px,13vw,160px);line-height:.68;margin:20px 0 35px;font-weight:500}.hero h1 span{font-family:'Great Vibes',cursive;color:#ffabc1;text-shadow:0 0 50px rgba(255,107,151,.25)}.hero h1 i{font-size:.3em;color:#f7c3d1;font-style:normal;vertical-align:top}.hero-sub{color:#c5aeb6;font-size:15px;letter-spacing:.04em}.cta{margin-top:38px;padding:15px 22px 15px 27px;border:1px solid rgba(255,179,198,.4);background:linear-gradient(100deg,rgba(255,105,150,.18),rgba(255,255,255,.04));color:white;border-radius:100px;display:inline-flex;gap:25px;align-items:center;cursor:pointer;box-shadow:0 0 45px rgba(255,91,140,.1);transition:.4s}.cta:hover{transform:translateY(-4px);box-shadow:0 15px 60px rgba(255,91,140,.2)}.cta b{font-size:20px;font-weight:300}.scroll-hint{font-size:9px;letter-spacing:.16em;color:#755e68;margin-top:32px}.hero-bottom{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:14px;font-size:8px;letter-spacing:.2em;color:#705966}.hero-orbit{position:absolute;border:1px solid rgba(255,175,195,.09);border-radius:50%;animation:spin 30s linear infinite}.orbit1{width:500px;height:500px}.orbit2{width:760px;height:760px;animation-duration:45s}.orbit3{width:1000px;height:1000px;animation-duration:60s}.section{padding:145px 20px;position:relative}.wrap{width:min(1080px,100%);margin:auto}.center{text-align:center}.intro{background:linear-gradient(#080308,#11050c)}h2{font-size:clamp(50px,7vw,92px);line-height:.9;font-weight:500;margin:22px 0}.lead{max-width:700px;margin:30px auto;color:#bdaab2;line-height:1.9;font-size:15px}.narrow{max-width:560px}.birthday-card{max-width:650px;margin:65px auto 0;border:1px solid rgba(255,179,198,.16);background:linear-gradient(120deg,rgba(255,255,255,.045),rgba(255,100,145,.045));border-radius:28px;padding:25px;display:flex;align-items:center;text-align:left;gap:25px;box-shadow:0 30px 100px rgba(0,0,0,.25)}.age{font-family:'Cormorant Garamond';font-size:90px;color:#ffabc1;line-height:.7}.birthday-card small,.birthday-card strong,.birthday-card span{display:block}.birthday-card small{font-size:9px;letter-spacing:.25em;color:#c39aa8}.birthday-card strong{font-family:'Cormorant Garamond';font-size:28px;margin:6px 0}.birthday-card span{font-size:12px;color:#95808a}.counter-section{background:#10050b}.counter-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:900px;margin:70px auto 30px;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}.counter-grid div{padding:35px 15px;border-right:1px solid rgba(255,255,255,.07)}.counter-grid div:last-child{border:0}.counter-grid b{display:block;font-family:'Cormorant Garamond';font-size:60px;color:#ffb1c4;font-weight:500}.counter-grid span{font-size:8px;letter-spacing:.2em;color:#806b75}.muted{color:#806d76;font-size:11px}.story{background:radial-gradient(circle at 80% 30%,rgba(255,85,135,.08),transparent 30%),#0a0308}.story-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin:20px 0 75px}.story-head h2{margin:0}.story-head p{max-width:380px;color:#9e8992;line-height:1.8}.chapters{max-width:850px;margin:auto}.chapters article{display:grid;grid-template-columns:75px 1fr;gap:25px;padding:35px 0;border-top:1px solid rgba(255,255,255,.08)}.chapters article>span{font-family:'Cormorant Garamond';font-size:45px;color:#ff9fb9}.chapters small{font-size:8px;letter-spacing:.2em;color:#b88a99}.chapters h3{font-size:34px;margin:8px 0}.chapters p{color:#95818b;line-height:1.8;max-width:600px}.memories{background:#0d040a}.memory-wall{margin-top:55px;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:90px;gap:14px}.memory{position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(255,255,255,.08);cursor:pointer;background:#160811}.memory img{width:100%;height:100%;object-fit:cover;display:block;transition:1s}.memory:hover img{transform:scale(1.08)}.memory:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.8));opacity:.7}.memory figcaption{position:absolute;z-index:2;left:20px;bottom:17px}.memory figcaption span{display:block;font-size:8px;letter-spacing:.2em;color:#e2b4c1}.memory figcaption b{display:block;font-family:'Cormorant Garamond';font-size:27px;font-weight:500}.m1{grid-column:span 7;grid-row:span 6}.m2{grid-column:span 5;grid-row:span 6}.m3{grid-column:span 4;grid-row:span 5}.m4{grid-column:span 4;grid-row:span 5}.m5{grid-column:span 4;grid-row:span 7}.m6{grid-column:span 5;grid-row:span 5}.m7{grid-column:span 7;grid-row:span 5}.m8{grid-column:span 4;grid-row:span 7}.m9{grid-column:span 4;grid-row:span 5}.m10{grid-column:span 4;grid-row:span 7}.reasons{background:linear-gradient(#0b0308,#13050c)}.reason-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:60px}.reason-cards article{text-align:left;min-height:210px;padding:28px;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:rgba(255,255,255,.025);transition:.45s;position:relative;overflow:hidden}.reason-cards article:before{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:rgba(255,112,154,.08);filter:blur(35px);right:-40px;top:-40px}.reason-cards article:hover{transform:translateY(-9px);border-color:rgba(255,166,190,.25)}.reason-cards article div{font-size:9px;color:#d1a0af;letter-spacing:.2em}.reason-cards h3{font-size:30px;margin:20px 0 10px}.reason-cards p{font-size:12px;line-height:1.8;color:#95818b}.interactive{background:radial-gradient(circle at 50% 50%,rgba(255,90,140,.12),transparent 45%)}.quiz{max-width:700px;margin:55px auto 0;padding:45px;border:1px solid rgba(255,180,200,.15);border-radius:28px;background:rgba(255,255,255,.025);position:relative}.quiz-progress{position:absolute;top:18px;right:22px;color:#806976;font-size:10px}.quiz h3{font-size:35px;margin-bottom:30px}.answers{display:grid;gap:10px}.answers button,.small-cta{border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.035);color:#d8c5cc;padding:15px;border-radius:12px;cursor:pointer;transition:.3s}.answers button:hover{background:rgba(255,130,165,.1);border-color:rgba(255,160,190,.3);transform:translateX(5px)}.answers button.correct{background:rgba(90,200,130,.13);border-color:rgba(100,220,150,.4)}.answers.photo-answers{grid-template-columns:repeat(2,1fr);gap:14px}.photo-answer{padding:8px!important;text-align:left!important;overflow:hidden}.photo-answer img{width:100%;height:190px;object-fit:cover;border-radius:8px;display:block;margin-bottom:8px;transition:.5s}.photo-answer span{display:block;padding:4px 7px 7px;font-size:10px;letter-spacing:.08em}.photo-answer:hover img{transform:scale(1.04)}.photo-answer.correct{box-shadow:0 0 35px rgba(100,220,150,.16)}.answers button.wrong{opacity:.55}.quiz-result{min-height:24px;color:#ffb2c6;margin-top:18px;font-size:12px}.small-cta{margin-top:15px;border-radius:100px;padding:10px 17px}.hiddenBtn{display:none}.letter{background:#0d0409}.letter-card{max-width:760px;margin:auto;padding:65px 55px;border:1px solid rgba(255,179,198,.18);border-radius:5px;background:#13070d;box-shadow:0 30px 100px rgba(0,0,0,.4);position:relative}.letter-card:before{content:"";position:absolute;inset:12px;border:1px solid rgba(255,255,255,.05);pointer-events:none}.wax{position:absolute;right:32px;top:28px;width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#6f1836;color:#f8becf;box-shadow:0 8px 25px rgba(0,0,0,.3);font-size:22px}.letter-card h2{font-size:60px;margin:35px 0}.letter-card p{color:#b8a4ad;line-height:2;margin:18px 0;font-family:'Cormorant Garamond';font-size:20px}.signature{margin-top:35px!important;color:#ffb0c4!important;font-family:'Great Vibes'!important;font-size:32px!important}.promises{background:#10050b}.promise-list{max-width:760px;margin:55px auto 0;text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:12px}.promise-list div{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:15px;color:#ad99a2;font-size:12px;transition:.3s}.promise-list div:hover{transform:translateX(7px);border-color:rgba(255,165,190,.2);color:#e3ccd4}.promise-list span{color:#ff9fb8;font-size:20px;margin-right:10px}.future{background:radial-gradient(circle,#260c18,#090308 60%)}.future-card{max-width:650px;margin:60px auto 0;padding:60px 35px;border-radius:30px;border:1px solid rgba(255,177,198,.15);background:rgba(255,255,255,.025)}.spark-ring{font-size:45px;color:#e6c485;animation:spin 8s linear infinite}.future-card p{color:#a7929b;line-height:1.9;margin:25px auto;max-width:500px}.future-card strong,.future-card span{display:block}.future-card strong{font-family:'Cormorant Garamond';font-size:30px}.future-card span{font-size:11px;color:#8d747e;margin-top:8px}.surprise{min-height:100svh;display:grid;place-items:center;background:radial-gradient(circle at 50% 40%,rgba(255,75,130,.18),transparent 45%),#080308}.gift{width:180px;height:170px;background:none;border:0;position:relative;cursor:pointer;margin:50px auto 10px;transition:.4s}.gift:hover{transform:translateY(-12px) scale(1.06)}.gift-body{position:absolute;left:35px;bottom:20px;width:110px;height:85px;background:linear-gradient(90deg,#821b40,#c93b68,#861c42);border-radius:5px}.gift-lid{position:absolute;left:25px;top:52px;width:130px;height:28px;background:#d84d77;border-radius:5px;z-index:2}.gift-ribbon{position:absolute;left:82px;bottom:20px;width:17px;height:85px;background:#eac57e;z-index:3}.gift-bow{position:absolute;left:50%;top:8px;transform:translateX(-50%);font-size:50px;z-index:5}.final-message{display:none;animation:rise 1.2s ease}.final-message.show{display:block}.final-burst{color:#e8c67e;letter-spacing:18px;font-size:20px;animation:twinkle 1.4s infinite}.big-heart{font-size:100px;color:#ff9db7;text-shadow:0 0 55px rgba(255,90,140,.4);animation:beat 1.2s infinite}.final-message h2{font-size:clamp(55px,9vw,110px)}.final-message p{color:#a9959e;line-height:1.8;max-width:550px;margin:12px auto}.final-line{margin-top:28px;color:#ffb0c3;letter-spacing:.08em;font-size:12px}.lightbox{display:none;position:fixed;inset:0;z-index:200;background:rgba(3,1,3,.96);place-items:center;padding:35px}.lightbox.open{display:grid}.lightbox img{max-width:92vw;max-height:82vh;object-fit:contain;border-radius:12px;box-shadow:0 30px 100px #000}.lightbox p{position:absolute;bottom:20px;color:#ffc0cf;font-size:11px}.lightbox button{position:absolute;right:20px;top:10px;background:none;border:0;color:white;font-size:45px;cursor:pointer}footer{text-align:center;padding:45px 20px;color:#68535e;font-size:9px;letter-spacing:.12em}footer span{color:#a9808f}.reveal{opacity:0;transform:translateY(45px);transition:1s ease}.reveal.visible{opacity:1;transform:none}#hearts,#sparkles,#particles{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:50}.heart{position:absolute;bottom:-30px;color:#ff8fab;animation:floatUp linear forwards}.spark{position:absolute;color:#ffe6a8;animation:sparkle linear forwards}.particle{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;opacity:.4}.cursor-glow{position:fixed;width:350px;height:350px;pointer-events:none;z-index:0;border-radius:50%;background:radial-gradient(circle,rgba(255,110,155,.09),transparent 68%);transform:translate(-50%,-50%)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes beat{50%{transform:scale(1.14)}}@keyframes float{50%{transform:translateY(-12px) rotate(4deg)}}@keyframes stars{to{background-position:0 120px}}@keyframes floatUp{to{transform:translateY(-110vh) rotate(40deg);opacity:0}}@keyframes sparkle{to{transform:translateY(-80vh) scale(.2) rotate(180deg);opacity:0}}@keyframes rise{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes twinkle{50%{opacity:.3}}
@media(max-width:750px){.hero-bottom{display:none}.section{padding:105px 16px}.counter-grid{grid-template-columns:1fr 1fr}.counter-grid div:nth-child(2){border-right:0}.counter-grid div:nth-child(3),.counter-grid div:nth-child(4){border-top:1px solid rgba(255,255,255,.07)}.story-head{display:block}.story-head p{margin-top:25px}.memory-wall{grid-template-columns:1fr 1fr;grid-auto-rows:90px}.m1{grid-column:span 2}.m2{grid-column:span 2}.m3,.m4,.m5,.m6{grid-column:span 1}.m7{grid-column:span 2}.m8,.m9,.m10{grid-column:span 2}.reason-cards{grid-template-columns:1fr}.promise-list{grid-template-columns:1fr}.letter-card{padding:45px 25px}.letter-card p{font-size:18px}.quiz{padding:35px 20px}.quiz h3{font-size:28px}.cursor-glow{display:none}}