:root{--bg-deep: #05060f;--bg-hero: #0b0e22;--twilight: #4b2e83;--neon-purple: #a855f7;--cyan: #22d3ee;--gold: #fbbf24;--pink: #f472b6;--cream: #fff7ed;--text-dim: #a5b4cf;--text-bright: #f8fafc;--font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;--font-body: "Outfit", system-ui, -apple-system, "Segoe UI", sans-serif;--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-weight:300;line-height:1.6;color:var(--text-bright);background:var(--bg-deep);overflow-x:hidden;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}::selection{background:var(--neon-purple);color:#fff}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-deep)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-purple),var(--cyan));border-radius:8px}.section-eyebrow{font-size:.72rem;font-weight:500;letter-spacing:.35em;text-transform:uppercase;color:var(--cyan)}.section-title{font-family:var(--font-display);font-weight:600;font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.05;margin-top:.5rem}.section-lead{margin-top:.75rem;max-width:34rem;color:var(--text-dim);font-size:1.02rem}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.hero{position:relative;height:100vh;min-height:560px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 110%,#171a3a 0%,var(--bg-hero) 45%,var(--bg-deep) 100%)}#starfield{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0}.hero-sky{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.hero-sun{position:absolute;top:12%;right:9%;width:clamp(90px,13vw,170px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 42% 38%,#fefce8,#fde68a 35%,#fbbf24 62%,#f59e0b);box-shadow:0 0 60px 24px #fbbf2466,0 0 150px 60px #fb923c2e;animation:sun-glow 6s ease-in-out infinite}.hero-star{position:absolute;width:26px;height:26px;background:#fde68a;clip-path:polygon(50% 0%,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0% 50%,39% 39%);filter:drop-shadow(0 0 10px rgba(253,230,138,.9))}.hero-star.hs1{top:30%;right:24%;width:18px;height:18px}.hero-star.hs2{top:22%;right:42%;width:12px;height:12px;background:#a5f3fc;filter:drop-shadow(0 0 8px rgba(165,243,252,.9))}.hero-star.hs3{bottom:26%;right:14%;width:14px;height:14px;background:#f9a8d4;filter:drop-shadow(0 0 8px rgba(249,168,212,.9))}.hero-content{position:relative;z-index:1;text-align:center;padding:0 1.5rem;max-width:56rem;will-change:transform,opacity}.hero-eyebrow{font-size:.72rem;font-weight:500;letter-spacing:.4em;text-transform:uppercase;color:var(--cyan);opacity:.85}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,9vw,6.5rem);line-height:1.02;margin:1rem 0 1.2rem}.hero-title-accent{display:block;font-style:italic;background:linear-gradient(100deg,var(--gold) 0%,var(--pink) 45%,var(--neon-purple) 85%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subtitle{color:var(--text-dim);font-size:clamp(1rem,2.2vw,1.15rem)}.scroll-hint{position:absolute;bottom:2.2rem;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.65rem;color:var(--text-dim);font-size:.78rem;letter-spacing:.22em;text-transform:uppercase}.scroll-hint-chevron{width:18px;height:18px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg)}.atmosphere{position:relative;height:100vh;min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,var(--bg-deep) 0%,#0b2340 50%,#0d3b5c 100%)}.atmosphere-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:0;background:radial-gradient(ellipse at 50% 40%,rgba(251,191,36,.28) 0%,transparent 55%),linear-gradient(180deg,#0d3b5c,#0f4a6e 45%,#14628f)}.atmosphere-label{position:relative;z-index:1;text-align:center;padding:0 1.5rem;margin-bottom:1rem}.cake-stage{position:relative;z-index:1;width:min(88vw,540px);margin-top:.5rem;cursor:pointer}.cake-image{width:100%;filter:drop-shadow(0 20px 40px rgba(251,191,36,.35));transition:filter .4s var(--ease-out)}.cake-stage:hover .cake-image{filter:drop-shadow(0 24px 50px rgba(251,191,36,.55))}.cake-stage:active .cake-image{transform:scale(.985)}.cake-flames{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.flame{position:absolute;width:5%;transform:translate(-50%);transform-origin:50% 100%;filter:drop-shadow(0 0 8px rgba(251,191,36,.75))}.birthday-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;opacity:0;pointer-events:none;font-family:var(--font-display);font-weight:700;font-size:clamp(2.6rem,8vw,5rem);line-height:1.05;color:#fff7ed;text-shadow:0 2px 6px rgba(5,6,15,.85),0 10px 44px rgba(5,6,15,.7),0 0 28px rgba(251,191,36,.4)}.birthday-message:before{content:"";position:absolute;top:-25%;right:-25%;bottom:-25%;left:-25%;z-index:-1;background:radial-gradient(ellipse at center,rgba(5,6,15,.78) 0%,rgba(5,6,15,.42) 45%,transparent 72%)}.birthday-message-name{font-style:italic;background:linear-gradient(120deg,#fef9c3,#fde047 40%,#fbbf24,#f97316);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(251,146,60,.85),0 0 60px rgba(251,191,36,.55)}.cake-hint{position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%);width:max-content;font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);animation:hint-pulse 2.6s ease-in-out infinite;z-index:2}.music{position:relative;min-height:240vh;padding:12vh 1.5rem 18vh;background:radial-gradient(ellipse at 50% 0%,#123a5c 0%,#0a2239 45%,var(--bg-deep) 100%)}.music-header{position:sticky;top:0;z-index:3;text-align:center;margin-bottom:6vh;padding:4vh 1.5rem 2vh;background:linear-gradient(180deg,rgba(10,34,57,.94) 0%,rgba(10,34,57,.6) 70%,transparent 100%)}.music-header .section-lead{margin-left:auto;margin-right:auto}.records{position:relative;height:160vh;max-width:1200px;margin:0 auto}.record{position:absolute;width:clamp(120px,16vw,210px);text-align:center;cursor:pointer;z-index:2;filter:drop-shadow(0 14px 28px rgba(0,0,0,.5));transition:filter .3s var(--ease-out)}.record img{width:100%;border-radius:50%;transform:rotate(-12deg)}.record-title{display:block;margin-top:.6rem;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-bright);text-shadow:0 1px 10px rgba(0,0,0,.75);transition:color .3s var(--ease-out)}.record-track{display:block;margin-top:.2rem;font-size:.72rem;font-style:italic;letter-spacing:.06em;color:var(--text-dim);text-shadow:0 1px 8px rgba(0,0,0,.7);transition:color .3s var(--ease-out)}.record:hover{filter:drop-shadow(0 16px 34px rgba(34,211,238,.45))}.record:hover .record-title,.record:hover .record-track{color:var(--text-bright)}.record:focus-visible{outline:2px solid var(--cyan);outline-offset:8px;border-radius:50%}.record.is-playing img{animation:spin 6s linear infinite}.record.is-playing .record-title{color:var(--gold)}.record.is-playing{filter:drop-shadow(0 0 26px rgba(251,191,36,.65))}.record.r5{top:5%;left:8%}.record.r6{top:8%;left:68%}.record.r1{top:36%;left:22%}.record.r2{top:33%;left:64%}.record.r3{top:60%;left:12%}.record.r4{top:63%;left:62%}.music-outro{position:absolute;bottom:7vh;left:50%;transform:translate(-50%);width:max-content;font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-dim);opacity:.75}.vault{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12vh 1.5rem;background:linear-gradient(180deg,var(--bg-deep) 0%,#3b1d4e 30%,#7c2d92 60%,#f97316 100%)}.vault-sun{position:absolute;bottom:-28vh;left:50%;transform:translate(-50%);width:120vmin;height:120vmin;background:radial-gradient(circle,rgba(253,230,138,.55) 0%,rgba(251,146,60,.28) 40%,transparent 68%);animation:sun-glow 7s ease-in-out infinite}.vault-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:46rem}.vault-eyebrow{color:var(--gold)}.vault-stage{position:relative;width:min(72vw,430px);margin-top:2rem;padding:14px;border-radius:22px;background:linear-gradient(135deg,#fde68a,#fbbf24 28%,#f97316 62%,#b45309);box-shadow:0 0 0 2px #fde68a8c,0 0 60px #fbbf244d,0 28px 70px #7c2d9280;will-change:transform,opacity}.vault-stage:before,.vault-stage:after{content:"";position:absolute;width:14px;height:14px;border:2px solid #fff7ed;opacity:.9;pointer-events:none}.vault-stage:before{top:4px;left:4px;border-right:0;border-bottom:0;border-top-left-radius:14px}.vault-stage:after{bottom:4px;right:4px;border-left:0;border-top:0;border-bottom-right-radius:14px}.vault-photo-wrap{position:relative;width:100%;aspect-ratio:13 / 10;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 30% 20%,#fde68a,#f97316 55%,#7c2d92)}.vault-photo{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.95)}.vault-photo-fallback{position:absolute;top:0;right:0;bottom:0;left:0}.vault-photo-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;font-family:var(--font-display);font-style:italic;font-size:1.35rem;line-height:1.4;color:#fff7ed;text-shadow:0 2px 14px rgba(124,45,146,.8)}.vault-message{margin-top:2.2rem;font-family:var(--font-display);font-size:clamp(1.15rem,3vw,1.5rem);line-height:1.55;color:var(--cream);text-shadow:0 2px 20px rgba(124,45,146,.6)}.vault-signature{margin-top:1.2rem;font-style:italic;font-size:1.05rem;color:#ffe9c9;opacity:.9}@media (max-width: 640px){.record{width:clamp(96px,26vw,150px)}.record.r5{left:8%}.record.r6{left:58%}.record.r1{left:14%}.record.r2{left:54%}.record.r4{left:52%}.music-outro{width:max-content}.vault-stage{width:min(84vw,420px)}}@keyframes hint-pulse{0%,to{opacity:.55;transform:translate(-50%) translateY(0)}50%{opacity:1;transform:translate(-50%) translateY(-6px)}}.scroll-hint-chevron{animation:chevron-bounce 2.2s ease-in-out infinite}@keyframes chevron-bounce{0%,to{opacity:.5;transform:rotate(45deg) translate(0)}50%{opacity:1;transform:rotate(45deg) translate(4px,4px)}}.flame{animation:flame-flicker .9s ease-in-out infinite alternate}.flame:nth-child(odd){animation-duration:1.15s;animation-delay:.15s}@keyframes flame-flicker{0%{transform:translate(-50%) scale(1) rotate(-2deg)}to{transform:translate(-50%,-2px) scale(1.06) rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}.record.is-playing img{transform-origin:50% 50%}.vault-sun{animation:sun-glow 7s ease-in-out infinite}@keyframes sun-glow{0%,to{opacity:.85;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.06)}}@keyframes sparkle{0%,to{opacity:.2}50%{opacity:1}}