:root{--bg-0: #1a0f1f;--bg-1: #2a1530;--blush: #ffd6e8;--rose: #ff8fb1;--plum: #b388ff;--gold: #f6ca86;--ink: #f7eef4;--muted: rgba(247, 238, 244, .62);--glass: rgba(255, 255, 255, .06);--glass-border: rgba(255, 255, 255, .14)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Outfit,system-ui,sans-serif;background:var(--bg-0);color:var(--ink);-webkit-font-smoothing:antialiased;overflow-x:hidden}.page{position:relative;min-height:100vh;background:radial-gradient(1200px 800px at 70% -10%,rgba(179,136,255,.22),transparent 60%),radial-gradient(1000px 700px at 10% 110%,rgba(255,143,177,.2),transparent 60%),linear-gradient(160deg,var(--bg-0),var(--bg-1));isolation:isolate}.aurora{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;overflow:hidden;filter:blur(60px)}.blob{position:absolute;width:46vw;height:46vw;border-radius:50%;opacity:.5;mix-blend-mode:screen;will-change:transform}.blob-1{background:radial-gradient(circle,var(--rose),transparent 70%);top:-8%;left:-6%;animation:drift1 22s ease-in-out infinite}.blob-2{background:radial-gradient(circle,var(--plum),transparent 70%);bottom:-12%;right:-8%;animation:drift2 26s ease-in-out infinite}.blob-3{background:radial-gradient(circle,var(--gold),transparent 70%);top:40%;left:45%;opacity:.28;animation:drift3 30s ease-in-out infinite}@keyframes drift1{50%{transform:translate(12vw,16vh) scale(1.15)}}@keyframes drift2{50%{transform:translate(-14vw,-10vh) scale(1.1)}}@keyframes drift3{50%{transform:translate(-8vw,12vh) scale(.85)}}.hearts{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.heart{position:absolute;bottom:-40px;color:var(--rose);animation-name:rise;animation-timing-function:ease-in;animation-iteration-count:infinite;filter:drop-shadow(0 0 6px rgba(255,143,177,.5))}@keyframes rise{0%{transform:translateY(0) rotate(0)}to{transform:translateY(-112vh) rotate(40deg)}}main{position:relative;z-index:1}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6vh 24px}.eyebrow{font-size:clamp(.8rem,2vw,1rem);letter-spacing:.32em;text-transform:uppercase;color:var(--gold);margin-bottom:1.4rem}.hero-title{font-family:Cormorant Garamond,serif;font-weight:500;font-style:italic;font-size:clamp(2.6rem,9vw,6.5rem);line-height:1;letter-spacing:.01em;background:linear-gradient(120deg,var(--blush),#fff,var(--blush));-webkit-background-clip:text;background-clip:text;color:transparent}.age{margin-top:1.6rem;display:flex;flex-direction:column;align-items:center;gap:.2rem}.age-number{font-family:Cormorant Garamond,serif;font-weight:600;font-size:clamp(5rem,20vw,12rem);line-height:.9;background:linear-gradient(160deg,var(--gold),var(--rose) 60%,var(--plum));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 8px 40px rgba(255,143,177,.35))}.age-label{font-family:Dancing Script,cursive;font-size:clamp(1.6rem,5vw,2.6rem);color:var(--blush)}.scroll-cue{margin-top:3.4rem;display:flex;flex-direction:column;align-items:center;gap:.8rem;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}.scroll-dot{width:8px;height:8px;border-radius:50%;background:var(--rose);animation:bounce 1.8s ease-in-out infinite}@keyframes bounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(10px);opacity:.4}}.letter-wrap{display:flex;justify-content:center;padding:4vh 22px 8vh}.letter{position:relative;max-width:720px;width:100%;padding:clamp(2rem,5vw,4rem);border-radius:28px;background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px #00000073,inset 0 1px #ffffff26;overflow:hidden}.letter-glow{position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:28px;padding:1px;background:linear-gradient(130deg,rgba(246,202,134,.6),transparent 35%,transparent 65%,rgba(255,143,177,.6));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.letter-heading{font-family:Dancing Script,cursive;font-weight:700;font-size:clamp(1.8rem,5vw,3rem);text-align:center;margin-bottom:2rem;background:linear-gradient(120deg,var(--gold),var(--rose));-webkit-background-clip:text;background-clip:text;color:transparent}.letter-body p{font-family:Cormorant Garamond,serif;font-size:clamp(1.15rem,2.5vw,1.5rem);line-height:1.75;color:var(--ink);margin-bottom:1.4rem;text-align:center}.letter-body p:first-child:first-letter{font-size:1.6em;color:var(--gold);font-weight:600}.signature{margin-top:2.4rem;text-align:right;font-family:Dancing Script,cursive;font-size:clamp(1.4rem,4vw,2.1rem);color:var(--blush)}.footer{text-align:center;padding:4vh 24px 8vh;display:flex;flex-direction:column;align-items:center;gap:.8rem}.footer p{font-family:Cormorant Garamond,serif;font-style:italic;font-size:clamp(1.1rem,3vw,1.5rem);color:var(--ink)}.footer-mark{font-size:.7rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}@media (prefers-reduced-motion: reduce){.blob,.heart,.scroll-dot{animation:none}}