:root{color:#fff6d8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--gold:#f6d36b;--gold-strong:#ffd979;--gold-deep:#9b6720;--ivory:#fff6d8;--black:#050403;--velvet:#100b08;background:#050403;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow:hidden}h1,p{margin:0}.cinema{background:radial-gradient(circle at 50% 18%,#ffcd6033,#0000 26rem),radial-gradient(circle at 15% 82%,#9b672042,#0000 22rem),radial-gradient(circle at 82% 70%,#ffedad1f,#0000 20rem),linear-gradient(145deg,#010101 0%,#100805 48%,#050403 100%);place-items:center;min-height:100svh;padding:clamp(8px,2vw,26px);display:grid;position:relative;overflow:hidden}.room-glow{pointer-events:none;background:linear-gradient(90deg,#0000,#ffd67a0f,#0000),repeating-linear-gradient(105deg,#ffde920a 0 1px,#0000 1px 74px);animation:9s ease-in-out infinite alternate roomSweep;position:absolute;inset:-16%}.reel{aspect-ratio:9/16;isolation:isolate;background:radial-gradient(circle at 50% 25%,#ffdd912e,#0000 34%),radial-gradient(circle at 50% 78%,#b4741f3b,#0000 30%),linear-gradient(#070504 0%,#130d0a 48%,#030303 100%);border:1px solid #ffd9793d;border-radius:clamp(18px,3vw,34px);width:min(100vw - 16px,56.25svh - 9px,520px);position:relative;overflow:hidden;box-shadow:0 30px 100px #000000c2,0 0 90px #dda43a33,inset 0 0 0 1px #fff6d80f}.reel:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#00000075,#0000 18% 78%,#00000070),radial-gradient(#0000 48%,#0000006b 100%);position:absolute;inset:0}.stage-lights{z-index:0;pointer-events:none;background:conic-gradient(from 225deg at 12% 0%, transparent 0 20deg, #ffe09029 21deg 34deg, transparent 35deg), conic-gradient(from 132deg at 88% 0%, transparent 0 21deg, #ffd06824 22deg 35deg, transparent 36deg);mix-blend-mode:screen;animation:5.4s ease-in-out infinite alternate lightBreath;position:absolute;inset:0}.reflection-floor{z-index:0;pointer-events:none;filter:blur(.5px);background:radial-gradient(at 50% 28%,#ffd36b3d,#0000 44%),repeating-linear-gradient(96deg,#ffe09a14 0 1px,#0000 1px 34px);height:28%;position:absolute;bottom:-9%;left:-12%;right:-12%;transform:perspective(280px)rotateX(58deg)}.particles,.confetti{z-index:1;pointer-events:none;position:absolute;inset:0}.particles span{left:var(--x);top:var(--y);aspect-ratio:1;opacity:.58;width:4px;transform:scale(var(--scale));animation:particleDrift 6.8s ease-in-out var(--delay) infinite alternate;background:#ffe7a1;border-radius:999px;position:absolute;box-shadow:0 0 16px #ffd979e6}.confetti{opacity:0;transition:opacity .6s}.confetti.is-active{opacity:1}.confetti span{left:var(--left);width:var(--size);height:calc(var(--size) * 1.8);animation:confettiFall var(--duration) linear var(--delay) infinite;background:linear-gradient(135deg,#ffe6a1,#a97022);border-radius:2px;position:absolute;top:-8%}.confetti span:nth-child(3n){background:#fff6d8}.confetti span:nth-child(4n){background:#d29a38}.scene{z-index:3;text-align:center;place-items:center;padding:clamp(24px,7%,42px) clamp(22px,8%,44px);display:grid;position:absolute;inset:0}.main-object{z-index:2;position:relative}.caption{z-index:6;width:min(86%,28rem);color:var(--ivory);text-shadow:0 2px 18px #000000db;font-size:clamp(1rem,3.2vw,1.32rem);font-weight:650;line-height:1.45;position:absolute;left:50%;transform:translate(-50%)}.top-caption{color:#ffe4a2;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(1.45rem,5.5vw,2.4rem);font-weight:700;top:clamp(44px,10%,78px)}.bottom-caption{bottom:clamp(46px,9%,76px)}.gift-box{aspect-ratio:1.05;filter:drop-shadow(0 28px 42px #000000ad);width:min(68%,320px);animation:3.7s ease-in-out infinite alternate objectFloat}.gift-box-closed{align-self:center}.gift-lid,.gift-body,.ribbon,.bow,.box-light{display:block;position:absolute}.gift-lid{background:linear-gradient(90deg,#0000 42%,#ffdf80f2 43% 57%,#0000 58%),linear-gradient(135deg,#070504,#1b1510 48%,#070504);border-radius:14px 14px 9px 9px;inset:15% 7% 62%;box-shadow:inset 0 0 0 1px #ffd9793d,inset 0 12px 22px #fff0bc14,0 14px 28px #00000094}.gift-body{background:linear-gradient(90deg,#0000 43%,#ffd36beb 44% 56%,#0000 57%),linear-gradient(140deg,#050403,#1a120d 45%,#060504);border-radius:12px 12px 20px 20px;inset:37% 12% 10%;box-shadow:inset 0 0 0 1px #ffd97938,inset 0 -18px 30px #0000007a,0 24px 52px #0009}.ribbon.horizontal{background:linear-gradient(90deg,#8f5a18,#ffe6a1,#a66b1e);border-radius:999px;inset:50% 12% 39%;box-shadow:0 0 24px #ffd97966}.ribbon.vertical{background:linear-gradient(90deg,#8f5a18,#ffe9aa 48%,#9f641d);border-radius:999px;inset:12% 45% 10%;box-shadow:0 0 28px #ffd97961}.bow{filter:drop-shadow(0 0 14px #ffd97980);border:10px solid #f8d778;width:29%;height:19%;top:2%}.bow.left{border-radius:75% 45%;left:22%;transform:rotate(-18deg)}.bow.right{border-radius:45% 75%;right:22%;transform:rotate(18deg)}.gift-box-open .gift-lid{transform-origin:50% 100%;animation:1.2s cubic-bezier(.16,1,.3,1) both lidOpen}.gift-box-open .box-light{filter:blur(10px);background:radial-gradient(circle,#fff1b8db,#ffd36b2e 44%,#0000 70%);border-radius:999px;animation:2.4s ease-in-out infinite alternate goldPulse;inset:12% 18%}.grand{width:min(76%,350px);transform:translateY(12%)}.aziz-title{z-index:5;letter-spacing:.04em;color:#ffe8a6;text-shadow:0 0 16px #ffd979b8,0 0 46px #f6b0366b,0 8px 30px #000c;margin-top:-18%;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(4.2rem,19vw,7rem);line-height:.88;animation:2.8s ease-in-out infinite alternate titleShine;position:relative}.cake{z-index:3;aspect-ratio:1.05;filter:drop-shadow(0 30px 42px #000000ad);place-items:end center;width:min(72%,330px);animation:3.8s ease-in-out infinite alternate objectFloat;display:grid;position:relative}.cake-compact{width:min(58%,250px);margin-top:11%}.candles{z-index:3;gap:clamp(14px,4vw,24px);display:flex;position:absolute;top:13%;left:50%;transform:translate(-50%)}.candles span{background:linear-gradient(#fff8e3,#d89b35);border-radius:999px;width:9px;height:52px;position:relative;box-shadow:inset 0 0 0 1px #3e23082e}.candles span:before{content:"";aspect-ratio:.72;filter:drop-shadow(0 0 14px #ffc354e6);background:radial-gradient(circle at 50% 68%,#fff8cf 0 20%,#ffc85f 36%,#ff8b2e 68%,#0000 72%);border-radius:70% 70% 45% 45%;width:18px;animation:.64s ease-in-out infinite alternate flame;position:absolute;bottom:91%;left:50%;transform:translate(-50%)}.candles span:nth-child(2):before{animation-delay:.18s}.candles span:nth-child(3):before{animation-delay:.31s}.cake-top,.cake-tier,.cake-plate{display:block;position:absolute}.cake-top{z-index:2;background:radial-gradient(at 50% 35%,#ffe8a5,#c8892f 52%,#4e310e 100%);border-radius:50%;height:15%;top:38%;left:17%;right:17%;box-shadow:0 0 24px #ffd97957}.cake-tier.upper{background:linear-gradient(90deg,#0000 12%,#ffe090eb 13% 18%,#0000 19% 42%,#ffe090d1 43% 50%,#0000 51%),linear-gradient(145deg,#090705,#20150c 62%,#050403);border-radius:0 0 20px 20px;height:22%;top:45%;left:21%;right:21%;box-shadow:inset 0 0 0 1px #ffd97938}.cake-tier.lower{background:linear-gradient(90deg,#0000 18%,#ffe090d6 19% 23%,#0000 24% 74%,#ffe090d6 75% 79%,#0000 80%),linear-gradient(145deg,#080605,#24170d 58%,#040303);border-radius:0 0 26px 26px;height:25%;top:62%;left:10%;right:10%;box-shadow:inset 0 0 0 1px #ffd97938,0 20px 34px #0000009e}.cake-plate{filter:blur(.2px);background:linear-gradient(90deg,#6a4212,#ffe6a1,#6a4212);border-radius:50%;height:9%;bottom:5%;left:5%;right:5%}.smoke-stage{z-index:4;aspect-ratio:.84;width:min(82%,360px);position:relative}.ember{background:radial-gradient(#ffc248b8,#0000 72%);border-radius:50%;width:78px;height:18px;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.smoke-line{filter:blur(.4px);border-left:2px solid #ffe29d42;border-radius:50%;width:110px;height:260px;animation:4s ease-in-out infinite alternate smokeCurl;position:absolute;bottom:18%;left:50%}.smoke-line.one{transform:translate(-58%)rotate(-14deg)}.smoke-line.two{animation-delay:.4s;transform:translate(-22%)rotate(12deg)}.smoke-line.three{animation-delay:.8s;transform:translate(-82%)rotate(28deg)}.blessing-cloud{position:absolute;inset:8% 0 28%}.blessing-cloud span{left:calc(11% + (var(--i) % 2) * 50%);top:calc(5% + var(--i) * 19%);color:#ffe8a6;text-shadow:0 0 18px #ffd979cc;background:#080604a3;border:1px solid #ffd97938;border-radius:999px;min-width:112px;padding:10px 14px;font-size:clamp(1rem,4vw,1.34rem);font-weight:850;animation:2.8s ease-in-out infinite alternate wordHover;position:absolute;box-shadow:0 0 28px #ffd97929}.success-path{z-index:4;aspect-ratio:.78;perspective:500px;width:min(84%,390px);position:relative}.path-line{border:2px solid #ffd97973;border-bottom:0;border-radius:50% 50% 12px 12px;width:48%;height:75%;position:absolute;top:8%;left:50%;transform:translate(-50%)rotateX(58deg);box-shadow:0 0 32px #ffd97940}.success-medallion{left:calc(8% + (var(--i) % 2) * 66%);top:calc(12% + var(--i) * 13%);aspect-ratio:1;color:#120b05;background:radial-gradient(circle at 32% 25%,#fffc,#0000 18%),linear-gradient(145deg,#ffe59a,#a66b1e 65%,#4a2c08);border:1px solid #ffe6a161;border-radius:999px;place-items:center;width:clamp(54px,12vw,74px);animation:2.6s ease-in-out infinite alternate medalFloat;display:grid;position:absolute;box-shadow:0 18px 34px #0000007a,0 0 30px #ffd97952}.success-medallion:nth-child(2n){animation-delay:.35s}.coin-rain{color:#ffe59a;text-shadow:0 0 18px #ffd9799e;font-size:clamp(1.4rem,7vw,2rem);font-weight:950;animation:2.9s ease-in-out infinite coinDrop;position:absolute}.coin-a{top:52%;left:16%}.coin-b{animation-delay:.5s;top:37%;right:18%}.coin-c{animation-delay:.9s;top:66%;left:48%}.card-reveal{z-index:4;place-items:center;width:100%;height:100%;display:grid;position:relative}.friend-card{z-index:5;color:#130b04;background:linear-gradient(135deg,#fff2c1fa,#de9d36fa),linear-gradient(90deg,#0000,#ffffff80,#0000);border:1px solid #ffebb28a;border-radius:20px;align-content:center;gap:14px;width:min(82%,360px);min-height:190px;padding:clamp(22px,6vw,34px);display:grid;position:absolute;top:29%;overflow:hidden;box-shadow:0 26px 60px #0000008f,0 0 48px #ffd97980}.friend-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:3.2s ease-in-out infinite cardSweep;position:absolute;inset:-40% -80%;transform:rotate(18deg)}.friend-card p,.friend-card strong{z-index:1;position:relative}.friend-card p{letter-spacing:.05em;font-size:clamp(.9rem,3.3vw,1.12rem);font-weight:950}.friend-card strong{font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(1.34rem,5.8vw,2.05rem);line-height:1.12}.finale-wrap{z-index:4;align-content:center;place-items:center;gap:clamp(14px,3vh,24px);width:100%;height:100%;padding-top:4%;display:grid;position:relative}.balloons{z-index:1;pointer-events:none;position:absolute;inset:0}.balloons span{aspect-ratio:.78;background:radial-gradient(circle at 34% 24%,#ffffffd1,#0000 17%),linear-gradient(145deg,#ffe69f,#a96c1e);border-radius:999px 999px 84% 84%;width:clamp(52px,14vw,78px);animation:3.4s ease-in-out infinite alternate balloonBob;position:absolute;box-shadow:0 0 30px #ffd9794d}.balloons span:after{content:"";background:#ffe6a16b;width:1px;height:94px;position:absolute;top:96%;left:50%}.balloons span:first-child{top:11%;left:8%}.balloons span:nth-child(2){animation-delay:.5s;top:9%;right:7%}.balloons span:nth-child(3){animation-delay:.9s;bottom:18%;left:15%;transform:scale(.78)}.mini-gifts{z-index:3;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:25%;left:10%;right:10%}.gift-tile{aspect-ratio:1;color:#ffe6a1;background:linear-gradient(145deg,#090705,#1b120b);border:1px solid #ffd9794d;border-radius:12px;place-items:center;width:clamp(48px,13vw,66px);animation:2.9s ease-in-out infinite alternate objectFloat;display:grid;box-shadow:0 16px 30px #00000080}.gift-tile:nth-child(2){animation-delay:.45s}.final-title{z-index:5;color:#ffe8a6;letter-spacing:.015em;text-shadow:0 0 20px #ffd979b8,0 8px 30px #000000db;width:min(92%,430px);margin-top:10%;font-family:Georgia,Times New Roman,Times,serif;font-size:clamp(2.1rem,9.3vw,4rem);line-height:1;position:relative}.promo-card{z-index:5;background:linear-gradient(145deg,#050403f5,#1f140af5);border:1px solid #ffd97985;border-radius:18px;gap:8px;width:min(84%,350px);padding:clamp(16px,4vw,22px);display:grid;position:relative;box-shadow:0 24px 50px #0000008f,0 0 34px #ffd97938}.promo-card p{color:#ffe8a6;letter-spacing:.06em;font-size:clamp(1rem,4vw,1.28rem);font-weight:950}.promo-card strong{color:var(--ivory);font-size:clamp(.95rem,3.7vw,1.16rem);line-height:1.25}@keyframes roomSweep{0%{opacity:.55;transform:translate(-2%)rotate(-1deg)}to{opacity:.9;transform:translate(2%)rotate(1deg)}}@keyframes lightBreath{0%{opacity:.55;filter:blur()}to{opacity:.95;filter:blur(1px)}}@keyframes particleDrift{0%{opacity:.2;transform:translate3d(0, 0, 0) scale(var(--scale))}to{opacity:.82;transform:translate3d(12px, -30px, 0) scale(calc(var(--scale) * 1.35))}}@keyframes confettiFall{0%{opacity:0;transform:translateY(-10%)rotate(0)}12%{opacity:.9}to{opacity:0;transform:translate(34px,116vh)rotate(380deg)}}@keyframes objectFloat{0%{transform:translateY(0)rotate(-1deg)}to{transform:translateY(-12px)rotate(1deg)}}@keyframes lidOpen{0%{transform:translateY(0)rotate(0)}to{transform:translateY(-78%)rotate(-13deg)}}@keyframes goldPulse{0%{opacity:.48;transform:scale(.86)}to{opacity:.92;transform:scale(1.12)}}@keyframes titleShine{0%{filter:brightness()}to{filter:brightness(1.22)}}@keyframes flame{0%{transform:translate(-50%)scale(.86)rotate(-3deg)}to{transform:translate(-50%)scale(1.14)rotate(4deg)}}@keyframes smokeCurl{0%{opacity:.24;filter:blur(.5px)}to{opacity:.58;filter:blur(1.7px)}}@keyframes wordHover{0%{transform:translateY(0)}to{transform:translateY(-9px)}}@keyframes medalFloat{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-8px)rotate(3deg)}}@keyframes coinDrop{0%{opacity:0;transform:translateY(-20px)rotateY(0)}35%,70%{opacity:1}to{opacity:0;transform:translateY(26px)rotateY(180deg)}}@keyframes cardSweep{0%{transform:translate(-50%)rotate(18deg)}to{transform:translate(50%)rotate(18deg)}}@keyframes balloonBob{0%{transform:translateY(0)rotate(-2deg)}to{transform:translateY(-16px)rotate(3deg)}}@media (aspect-ratio<=9/16){.reel{width:calc(100vw - 10px)}}@media (width<=420px){.cinema{padding:0}.reel{border-left:0;border-right:0;border-radius:0;width:100vw;min-height:100svh}.scene{padding-inline:20px}.caption{width:min(90%,24rem)}.bottom-caption{bottom:max(34px, env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}