@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Inter:wght@500;600;700;800&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#fffaf3;background:#070d25;font-synthesis:none;--navy: #070d25;--navy-soft: #101945;--coral: #ff646d;--violet: #a77bff;--gold: #ffbe58;--mint: #74e7d3}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}.page{position:relative;min-height:100vh;overflow:hidden;padding:clamp(24px,4vw,64px);background:radial-gradient(circle at 77% 34%,rgba(112,57,224,.48),transparent 29%),radial-gradient(circle at 18% 18%,rgba(32,75,149,.22),transparent 30%),linear-gradient(145deg,#071027,#080d25 55%,#060b1d)}.ambient{position:absolute;border-radius:50%;filter:blur(80px);opacity:.35;pointer-events:none}.ambient--one{width:330px;height:330px;background:#5423c8;right:14%;top:22%}.ambient--two{width:220px;height:220px;background:#0ca7a1;left:-8%;bottom:-10%;opacity:.13}.hero,.handoff,footer{position:relative;z-index:1;max-width:1440px;margin-inline:auto}.hero{display:grid;grid-template-columns:minmax(480px,.92fr) minmax(520px,1.08fr);align-items:center;min-height:620px;gap:clamp(28px,4vw,72px)}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 17px;border:1.5px solid var(--mint);border-radius:999px;color:var(--mint);font-size:.88rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 0 20px #74e7d31f}h1{max-width:720px;margin:20px 0 8px;font-family:"Baloo 2",Inter,sans-serif;font-size:clamp(3.5rem,5.35vw,6rem);line-height:.86;letter-spacing:-.045em}h1 em{display:block;color:var(--coral);font-style:normal;text-shadow:0 9px 30px rgba(255,100,109,.2)}.intro{margin:18px 0 28px;color:#c9cfe7;font-size:clamp(1rem,1.3vw,1.15rem)}.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.countdown-card{display:grid;place-items:center;min-height:136px;padding:12px;border:1px solid currentColor;border-radius:22px;background:linear-gradient(145deg,#ffffff12,#ffffff03);box-shadow:inset 0 1px #ffffff14,0 12px 30px #0000002e,0 0 22px color-mix(in srgb,currentColor 15%,transparent)}.countdown-card strong{font-family:"Baloo 2",sans-serif;font-size:clamp(3rem,4.7vw,4.6rem);line-height:.9}.countdown-card span{color:#fff;font-size:.88rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.countdown-card--coral{color:var(--coral)}.countdown-card--violet{color:var(--violet)}.countdown-card--gold{color:var(--gold)}.countdown-card--mint{color:var(--mint)}.joke{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:104px;margin-top:28px;padding:18px 22px;border:1px solid rgba(255,100,109,.8);border-radius:22px;background:#0a1231b8;box-shadow:0 18px 42px #0003;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.joke__icon{display:grid;place-items:center;width:54px;height:54px;color:#fff0aa;border-radius:50%;background:linear-gradient(145deg,#9a67ef,#5839bd)}.joke p{margin:0;line-height:1.45;font-weight:650}.joke__emoji{font-size:2.2rem}.scene{position:relative;min-height:600px}.scene__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 24px 28px rgba(0,0,0,.24))}.scene__spark{position:absolute;color:var(--gold);animation:float 3s ease-in-out infinite}.scene__spark--one{top:17%;left:36%;font-size:1.8rem}.scene__spark--two{top:26%;right:8%;color:var(--violet);animation-delay:-.9s}.scene__spark--three{bottom:18%;right:34%;color:var(--mint);animation-delay:-1.8s}.handoff{padding:20px 32px 24px;border:1px solid rgba(167,123,255,.6);border-radius:25px;background:linear-gradient(110deg,#12234ce0,#091230e0);box-shadow:0 22px 55px #0003,inset 0 1px #ffffff0f}.handoff__heading{display:flex;align-items:baseline;justify-content:center;gap:16px;margin-bottom:14px;text-transform:uppercase}.handoff__heading strong{color:var(--mint);font-family:"Baloo 2",sans-serif;font-size:3rem;line-height:1}.handoff__heading span{font-weight:800;letter-spacing:.04em}.progress{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}.progress__avatar{display:block;width:58px;height:58px;flex:none;overflow:hidden;border:3px solid #a77bff;border-radius:50%;background-color:#19224c;background-image:url(/hero-scene-final.png);background-repeat:no-repeat;background-size:750% auto;box-shadow:0 8px 20px #00000038}.progress__avatar--uncle{background-position:21% 11%}.progress__avatar--niece{background-position:79% 14%}.progress__track{height:19px;border-radius:999px;background:#26315e;position:relative}.progress__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--mint),#79eed5);transition:width .8s ease}.progress__phone{position:absolute;top:50%;left:clamp(20px,var(--progress),calc(100% - 20px));display:grid;place-items:center;width:40px;height:40px;color:#fff;border:3px solid #fff;border-radius:50%;background:#102a56;box-shadow:0 6px 18px #00000052;transform:translate(-50%,-50%);transition:left .8s ease}footer{display:grid;place-items:center;gap:8px;padding-top:22px;text-align:center}.date{display:inline-flex;align-items:center;gap:10px;padding:12px 24px;border:1.5px solid var(--coral);border-radius:999px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}footer p{display:flex;align-items:center;gap:8px;margin:0;color:var(--gold);font-family:"Baloo 2",sans-serif;font-size:1.5rem}.celebration{display:flex;align-items:center;gap:14px;padding:24px;border:1px solid var(--mint);border-radius:22px;color:var(--mint);background:#74e7d314;font-size:1.3rem;font-weight:800}.page--delivered .scene__image{animation:celebrate .8s ease both}@keyframes float{50%{transform:translateY(-10px) rotate(7deg)}}@keyframes celebrate{50%{transform:scale(1.03) rotate(-1deg)}}@media(max-width:1050px){.hero{grid-template-columns:1fr;max-width:760px}.hero__copy{text-align:center}h1,.intro{margin-inline:auto}.scene{min-height:560px;order:2}.joke{text-align:left}}@media(max-width:620px){.page{padding:22px 16px 30px}.hero{min-height:auto;gap:12px}.eyebrow{font-size:.68rem;letter-spacing:.12em;padding:8px 13px}h1{margin-top:18px;font-size:clamp(3rem,15vw,4.4rem)}.intro{margin:14px auto 22px;max-width:340px;font-size:.95rem}.countdown{grid-template-columns:repeat(2,1fr);gap:10px}.countdown-card{min-height:118px;border-radius:19px}.countdown-card strong{font-size:3.7rem}.scene{min-height:390px;margin-inline:-16px}.scene__image{object-position:center}.joke{grid-template-columns:auto 1fr;gap:13px;margin-top:18px;padding:15px}.joke__icon{width:45px;height:45px}.joke__emoji{display:none}.handoff{padding:17px 14px 20px;border-radius:21px}.handoff__heading{gap:9px}.handoff__heading strong{font-size:2.25rem}.handoff__heading span{max-width:180px;font-size:.75rem}.progress{gap:9px}.progress__avatar{width:46px;height:46px;border-width:2px}.progress__phone{width:36px;height:36px;left:clamp(18px,var(--progress),calc(100% - 18px))}.date{padding:10px 16px;font-size:.76rem;letter-spacing:.05em}footer p{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}