:root{--blue:#7c8cff;--pink:#ff8fca;--lilac:#c39bff;--ink:#11162f;--soft:#e8e8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--ink);color:#fff;font-family:"DM Sans",sans-serif;overflow-x:hidden}.aurora{position:fixed;inset:-20%;z-index:-2;background:radial-gradient(circle at 18% 18%,#5278ff 0,transparent 27%),radial-gradient(circle at 82% 16%,#ff72c4 0,transparent 25%),radial-gradient(circle at 70% 78%,#a875ff 0,transparent 27%),linear-gradient(135deg,#0e1538,#20174b 52%,#160e2a);filter:blur(28px);animation:aurora 14s ease-in-out infinite alternate}.grain{position:fixed;inset:0;z-index:-1;opacity:.06;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.8) 1px,transparent 1px);background-size:4px 4px}.birthday-hero{min-height:100vh;display:grid;place-items:center;padding:40px 20px;position:relative}.glass{display:block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.28);box-shadow:0 25px 80px rgba(4,5,30,.38),inset 0 1px rgba(255,255,255,.35);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:30px}.hero-card{width:min(820px,100%);text-align:center;padding:70px 50px;position:relative;z-index:2;animation:heroIn 1s both}.eyebrow{font-size:.73rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;color:#d9d9ff;margin:0}.hero-card h1{font:700 clamp(4rem,11vw,8rem)/.9 "Playfair Display",serif;margin:18px 0 28px}.hero-card h1 em{font-style:normal;background:linear-gradient(90deg,#fff,var(--pink),var(--lilac));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:620px;margin:0 auto 32px;font-size:1.12rem;line-height:1.8;color:var(--soft)}button{font:inherit}.glow-button,.soft-button{border:0;border-radius:999px;padding:15px 24px;font-weight:700;cursor:pointer;transition:.3s}.glow-button{color:#191638;background:linear-gradient(135deg,#fff,var(--pink));box-shadow:0 10px 40px rgba(255,111,192,.4)}.glow-button:hover,.soft-button:hover{transform:translateY(-3px)}.soft-button{color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24)}.hero-orb{position:absolute;border-radius:50%;filter:blur(2px);animation:float 7s ease-in-out infinite}.orb-one{width:170px;height:170px;background:var(--blue);opacity:.35;top:14%;left:8%}.orb-two{width:230px;height:230px;background:var(--pink);opacity:.24;right:5%;bottom:12%;animation-delay:-3s}.floating-stickers span{position:fixed;font-size:clamp(20px,3vw,42px);z-index:0;pointer-events:none;animation:stickerFloat 9s ease-in-out infinite;opacity:.45}.floating-stickers span:nth-child(1){left:5%;top:35%}.floating-stickers span:nth-child(2){right:7%;top:25%;animation-delay:-2s}.floating-stickers span:nth-child(3){left:15%;bottom:15%;animation-delay:-4s}.floating-stickers span:nth-child(4){right:15%;bottom:28%;animation-delay:-6s}.floating-stickers span:nth-child(5){left:48%;top:8%;animation-delay:-1s}main{opacity:0;visibility:hidden;transform:translateY(35px);transition:opacity .9s ease,transform .9s ease}body.locked{overflow:hidden;height:100vh}body.unlocked{overflow-y:auto;height:auto}body.unlocked main{opacity:1;visibility:visible;transform:none}.section{max-width:1150px;margin:0 auto;padding:100px 20px}.section-title{display:flex;gap:22px;align-items:flex-start;margin-bottom:42px}.section-title>span{font-size:.8rem;color:var(--pink);font-weight:700;padding-top:8px}.section-title h2{margin:8px 0 0;font:600 clamp(2rem,4vw,3.5rem)/1.05 "Playfair Display",serif}.countdown-card,.letter-card,.surprise-box,.music-player,.final-card{padding:clamp(28px,5vw,56px)}.countdown-card{text-align:center}.countdown-label{color:#e1dcff}.countdown-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px auto;max-width:650px}.countdown-grid div{padding:24px 12px;border-radius:20px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16)}.countdown-grid strong{display:block;font:700 clamp(2.5rem,7vw,5rem)/1 "Playfair Display",serif;color:#fff}.countdown-grid span{color:#d4d5ff;text-transform:uppercase;font-size:.75rem;letter-spacing:.12em}.photo-wall{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.memory-card{margin:0;position:relative;overflow:hidden;border-radius:22px;min-height:300px;border:1px solid rgba(255,255,255,.18);box-shadow:0 20px 60px rgba(0,0,0,.3);animation:cardIn .8s both}.memory-card.wide{grid-column:span 2}.memory-card.tall{grid-row:span 2}.memory-card img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block;transition:.7s}.memory-card:hover img{transform:scale(1.08);filter:saturate(1.15)}.memory-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 42%,rgba(10,12,35,.86));pointer-events:none}.memory-card figcaption{position:absolute;z-index:1;left:20px;right:20px;bottom:18px;font-weight:600}.letter-card{overflow:hidden;position:relative}.letter-card:before{content:"";position:absolute;inset:-50%;background:radial-gradient(circle,rgba(195,155,255,.18),transparent 45%);animation:glow 8s ease-in-out infinite}.letter-content{position:relative;z-index:1;max-width:850px;margin:auto}.typed-letter{min-height:220px;white-space:pre-wrap;font:1.15rem/1.85 "Playfair Display",serif;color:#f7f5ff}.signature{margin-top:28px;font:1.5rem "Playfair Display",serif;color:var(--pink);opacity:0;transform:translateY(10px);transition:.8s}.signature.show{opacity:1;transform:none}.music-player{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.disc{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;font-size:42px;background:radial-gradient(circle,#fff 0 7%,var(--pink) 8% 25%,var(--blue) 26% 100%);box-shadow:0 0 50px rgba(124,140,255,.5);animation:spin 5s linear infinite;animation-play-state:paused}.disc.playing{animation-play-state:running}.music-player h3{margin:8px 0;font:700 1.6rem "Playfair Display",serif}.music-player p:last-child{color:#d4d5ff}.music-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.surprise-box{text-align:center}.surprise-box h2,.final-card h2{font:600 clamp(2rem,4vw,3.5rem)/1.1 "Playfair Display",serif}.surprise-text{margin-top:28px;padding:24px;border-radius:20px;background:rgba(255,255,255,.09);color:#f7ddf2;animation:pop .5s}.hidden{display:none}.final-card{text-align:center}.final-card strong{color:var(--pink)}.confetti{font-size:2rem;word-spacing:20px;animation:float 3s ease-in-out infinite}.reveal{opacity:0;transform:translateY(28px);transition:.9s}.reveal.visible{opacity:1;transform:none}@keyframes aurora{to{transform:scale(1.15) rotate(8deg)}}@keyframes heroIn{from{opacity:0;transform:translateY(35px) scale(.97)}to{opacity:1;transform:none}}@keyframes cardIn{from{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:none}}@keyframes float{50%{transform:translateY(-30px) translateX(20px)}}@keyframes stickerFloat{50%{transform:translateY(-25px) rotate(12deg);opacity:.75}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}@keyframes glow{50%{transform:rotate(10deg) scale(1.1)}}@media(max-width:800px){.hero-card{padding:48px 25px}.photo-wall{grid-template-columns:repeat(2,1fr)}.memory-card.wide{grid-column:span 2}.memory-card.tall{grid-row:span 1}.music-player{grid-template-columns:1fr;text-align:center}.music-actions{justify-content:center}}@media(max-width:520px){.section{padding:70px 15px}.photo-wall{grid-template-columns:1fr}.memory-card,.memory-card.wide{grid-column:auto;min-height:420px}.memory-card img{min-height:420px}.hero-card{border-radius:24px}.countdown-grid{gap:7px}.countdown-grid div{padding:18px 4px}.countdown-grid span{font-size:.62rem}.floating-stickers span:nth-child(n+4){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}