@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@400;500;600;700&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#fff;background:radial-gradient(circle at 20% 10%,#ff59911f,#0000 30%),radial-gradient(circle at 80% 30%,#9c48ff17,#0000 30%),#0b070c;margin:0;font-family:DM Sans,sans-serif}main{position:relative;overflow:hidden}.stars{pointer-events:none;opacity:.09;z-index:0;background-image:radial-gradient(#fff 1px,#0000 1px),radial-gradient(#ff9fbd 1px,#0000 1px);background-position:0 0,30px 50px;background-size:65px 65px,110px 110px;position:fixed;inset:0}.stars:after{content:"";background:radial-gradient(circle,#0000 0%,#0b070c33 55%,#0b070ccc 100%);position:absolute;inset:0}.hearts span{color:#ff6f9c;opacity:.65;z-index:2;pointer-events:none;text-shadow:0 0 12px #ff6f9ccc;font-size:18px;animation:7s linear forwards float;position:fixed;bottom:-30px}@keyframes float{0%{opacity:0;transform:translateY(0)rotate(0)scale(.8)}15%{opacity:.7}80%{opacity:.45}to{opacity:0;transform:translateY(-110vh)rotate(25deg)scale(1.2)}}.hero{text-align:center;z-index:1;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:60px 24px;display:flex;position:relative}.eyebrow{letter-spacing:.35em;color:#e9a7bb;opacity:.85;font-size:.68rem}.hero h1{letter-spacing:-.03em;text-shadow:0 10px 50px #0009;margin:22px 0;font:500 clamp(3.2rem,9vw,7.5rem)/.94 Playfair Display,serif}.hero h1 em{color:#ff91b2;text-shadow:0 0 35px #ff6f9c40;font-style:italic}.subtitle{color:#d7c6cf;margin-bottom:35px;font-size:1.15rem}.primary{color:#190b12;cursor:pointer;background:linear-gradient(135deg,#ff6f9c,#ff91b2);border:1px solid #ff9bb8cc;border-radius:999px;padding:15px 27px;font-weight:700;transition:all .3s;box-shadow:0 10px 35px #ff6f9c40,inset 0 1px 1px #fff6}.primary:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 18px 50px #ff6f9c66,inset 0 1px 1px #ffffff80}.primary:active{transform:scale(.97)}.scroll{color:#9f8993;letter-spacing:.08em;font-size:.75rem;animation:2.5s ease-in-out infinite scrollPulse;position:absolute;bottom:25px}@keyframes scrollPulse{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:.9;transform:translateY(5px)}}.card,.memories,.photos-section{z-index:1;width:min(1000px,100% - 40px);margin:0 auto 110px;position:relative}.letter,.counter,.surprise{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#2d1626e0,#120a12e6);border:1px solid #ffffff14;border-radius:30px;padding:70px clamp(25px,7vw,80px);box-shadow:0 25px 90px #000000a6,inset 0 1px 1px #ffffff0a}.number{letter-spacing:.3em;color:#e9a7bb;margin-bottom:16px;font-size:.72rem;display:block}.card h2,.memories h2,.photos-section h2{margin:0 0 28px;font:500 clamp(2rem,5vw,3.5rem) Playfair Display,serif}.letter{position:relative}.letter:before{content:"♥";color:#ff91b22e;font-size:1.3rem;position:absolute;top:35px;right:45px}.letter p,.surprise p,.counter p{color:#d6c6ce;font-size:1.05rem;line-height:1.95}.letter strong{color:#fff;font-weight:600}.signature{font-family:Playfair Display,serif;color:#fff!important;margin-top:40px!important;font-size:1.3rem!important}.signature span{color:#ff9bb8}.memories{padding:0}.memory-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.memory{min-height:290px;padding:32px;transition:transform .3s,border-color .3s,box-shadow .3s}.memory:hover{border-color:#ff91b240;transform:translateY(-7px);box-shadow:0 25px 60px #0000008c,0 0 35px #ff6f9c0f}.memory-icon{margin-bottom:28px;font-size:2rem}.memory small{letter-spacing:.25em;color:#e9a7bb;font-size:.62rem}.memory h3{margin:10px 0;font:500 1.7rem Playfair Display,serif}.memory p{color:#bcaab3;line-height:1.75}.counter{text-align:center}.counter h2{margin-bottom:5px}.big{color:#ff91b2;text-shadow:0 0 35px #ff6f9c2e;font:500 clamp(5rem,16vw,10rem)/1 Playfair Display,serif}.counter>p{margin:0}.muted{max-width:520px;color:#927f89!important;margin:25px auto!important;font-size:.9rem!important}.photos-section{text-align:center}.photo-intro{color:#a9959f;margin-bottom:35px}.photo-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.photo-card{background:#1f101bd9;border:1px solid #ffffff14;border-radius:22px;transition:transform .3s;overflow:hidden;box-shadow:0 20px 50px #0006}.photo-card:hover{transform:translateY(-6px)}.photo-card img{object-fit:cover;width:100%;height:330px;display:block}.photo-card p{color:#d6c6ce;margin:0;padding:18px;font-family:Playfair Display,serif;font-size:1rem}.surprise{text-align:center}.reveal{animation:.8s appear}@keyframes appear{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:none}}.ring{color:#ff91b2;border:1px solid #ff91b2;border-radius:50%;place-items:center;width:85px;height:85px;margin:10px auto 25px;font-size:2rem;display:grid;box-shadow:0 0 35px #ff6f9c1f,inset 0 0 20px #ff6f9c0d}.reveal h3{margin-bottom:25px;font:500 2.7rem Playfair Display,serif}.reveal p{max-width:600px;margin:0 auto 18px}.final-message{font-family:Playfair Display,serif;color:#ff9bb8!important;margin-top:30px!important;font-size:1.2rem!important}footer{text-align:center;color:#9d8992;z-index:1;padding:50px 20px 70px;font-size:.85rem;line-height:1.8;position:relative}footer span{color:#ff91b2}@media (width<=700px){.hero{min-height:95vh;padding:50px 20px}.hero h1{font-size:3.4rem}.subtitle{font-size:1rem}.card,.memories,.photos-section{width:calc(100% - 28px);margin-bottom:65px}.letter,.counter,.surprise{border-radius:23px;padding:45px 24px}.letter p,.surprise p,.counter p{font-size:.98rem;line-height:1.85}.memory-grid{grid-template-columns:1fr}.memory{min-height:auto}.photo-grid{grid-template-columns:1fr}.photo-card img{height:380px}.big{font-size:6rem}.reveal h3{font-size:2.2rem}}@media (width<=400px){.hero h1{font-size:2.9rem}.hero{padding:40px 16px}.letter,.counter,.surprise{padding:38px 20px}.big{font-size:5rem}.photo-card img{height:320px}}.gift-screen{z-index:9999;background:radial-gradient(circle,#ff5b9129,#0000 35%),radial-gradient(circle at 80% 20%,#8c46ff1a,#0000 30%),#090609;justify-content:center;align-items:center;padding:30px;animation:.8s giftAppear;display:flex;position:fixed;inset:0}.gift-content{text-align:center;width:min(560px,100%)}.gift-heart{filter:drop-shadow(0 0 25px #ff508280);margin-bottom:25px;font-size:3rem;animation:1.8s ease-in-out infinite heartbeat}.gift-eyebrow{letter-spacing:.35em;color:#e9a7bb;margin-bottom:20px;font-size:.65rem}.gift-content h1{color:#fff;margin:0 0 25px;font:500 clamp(3.2rem,9vw,5.5rem) Playfair Display,serif}.gift-message{color:#bcaab3;max-width:460px;margin:0 auto 35px;font-size:1rem;line-height:1.8}.gift-button{color:#190b12;cursor:pointer;background:linear-gradient(135deg,#ff6f9c,#ff91b2);border:1px solid #ff9bb8cc;border-radius:999px;padding:16px 25px;font-weight:700;transition:all .3s;box-shadow:0 12px 40px #ff6f9c40}.gift-button span{margin-left:10px;font-size:1.1rem}.gift-button:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 18px 55px #ff6f9c66}.gift-signature{color:#806e78;margin-top:30px;font:italic 1rem Playfair Display,serif}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes giftAppear{0%{opacity:0}to{opacity:1}}@media (width<=500px){.gift-screen{padding:25px}.gift-content h1{font-size:3.3rem}.gift-message{font-size:.95rem}}