:root{--gold-50: #fffbe0;--gold-100: #fff5b3;--gold-200: #ffec80;--gold-300: #ffe14d;--gold-400: #ffd91a;--gold-500: #ffd700;--gold-600: #ccac00;--gold-700: #998100;--gold-800: #665600;--gold-900: #332b00;--red-50: #fbe4e7;--red-300: #e55c6c;--red-400: #d43a4d;--red-500: #b22234;--red-700: #6b141f;--blue-100: #d3d1e4;--blue-300: #807aae;--blue-400: #5f5891;--blue-500: #3c3b6e;--blue-600: #302f58;--blue-700: #232342;--blue-800: #17172c;--blue-900: #0b0b16;--cream-50: #fdfaee;--cream-100: #f8f4e3;--cream-500: #cdb54a;--surface-primary: var(--blue-500);--surface-elevated: rgba(0, 0, 0, .28);--surface-scrim: rgba(0, 0, 0, .35);--text-primary: var(--cream-100);--text-muted: rgba(248, 244, 227, .72);--text-inverse: var(--blue-500);--accent: var(--gold-500);--accent-strong: var(--gold-400);--accent-ring: rgba(255, 215, 0, .45);--danger: var(--red-500);--border-subtle: rgba(255, 215, 0, .3);--border-strong: rgba(255, 215, 0, .7);--shadow-tint: 60 58 110;--shadow-drop-sm: 0 2px 6px rgba(var(--shadow-tint), .35);--shadow-drop-md: 0 8px 20px rgba(var(--shadow-tint), .4);--shadow-drop-lg: 0 18px 40px rgba(var(--shadow-tint), .45);--shadow-soft-elevated: 0 12px 28px rgba(var(--shadow-tint), .35), 0 2px 4px rgba(var(--shadow-tint), .25);--shadow-glow-gold-sm: 0 0 12px 2px rgba(255, 215, 0, .35);--shadow-glow-gold-md: 0 0 24px 4px rgba(255, 215, 0, .45);--blur-sm: 8px;--blur-md: 16px;--blur-lg: 28px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px;--radius-xl: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--fs-12: 12px;--fs-14: 14px;--fs-16: 16px;--fs-18: 18px;--fs-20: 20px;--fs-24: 24px;--fs-32: 32px;--fs-40: 40px;--fs-56: 56px;--fs-72: 72px;--font-display: "Fredoka", "Baloo 2", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--ease-yoyo: ease-in-out;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-linear: linear;--hero-image: none}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;background:var(--surface-primary);color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-16);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}.bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.bg .scene{width:100%;height:100%;display:block}.cloud-drift{animation:cloud-drift 120s var(--ease-linear) infinite}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(1420px)}}.hero-art{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1200px,100vw);height:min(800px,90vh);background-image:var(--hero-image, none);background-size:cover;background-position:center;background-repeat:no-repeat;opacity:.85;pointer-events:none;z-index:-1}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-5) var(--space-8);text-align:center;position:relative}.stars-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:6px 14px;border-radius:var(--radius-pill);background:var(--blue-500);border:1px solid var(--border-subtle);font-size:var(--fs-12);font-weight:600;letter-spacing:.2em;color:var(--cream-100);text-transform:uppercase;margin-bottom:var(--space-5);font-variant-numeric:tabular-nums}.stage{position:relative;width:min(400px,82vw);aspect-ratio:360 / 380;margin:var(--space-2) 0 var(--space-6);--urgency: 0}.glow{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:90%;height:78%;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,calc(.35 + var(--urgency) * .4)),#ffd70000 65%);filter:blur(var(--blur-lg));animation:glow-pulse 1.5s var(--ease-yoyo) infinite;z-index:0}@keyframes glow-pulse{0%,to{opacity:.75;transform:translate(-50%,-50%) scale(.98)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}}.egg-wrap{position:absolute;left:50%;top:6%;transform:translate(-50%);width:62%;z-index:2;animation:wobble 4s var(--ease-yoyo) infinite;transform-origin:50% 90%;filter:drop-shadow(0 22px 24px rgba(0,0,0,.45))}.stage[data-stage=imminent] .egg-wrap{animation:wobble 1.6s var(--ease-yoyo) infinite,bulge .7s var(--ease-yoyo) infinite}.stage[data-stage=hatched] .egg-wrap{animation:burst 1.2s var(--ease-bounce) forwards}@keyframes wobble{0%,to{transform:translate(-50%) rotate(-2deg)}50%{transform:translate(-50%) rotate(2deg)}}@keyframes bulge{0%,to{scale:1 1}50%{scale:1.04 .98}}@keyframes burst{0%{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.15) rotate(-4deg)}to{transform:translate(-50%) scale(1.08) rotate(0)}}.egg,.egg-svg{width:100%;height:auto;display:block}.nest-wrap{position:absolute;left:50%;bottom:-2%;transform:translate(-50%);width:100%;animation:nest-sway 6s var(--ease-yoyo) infinite;transform-origin:50% 90%;filter:drop-shadow(0 calc(12px + var(--urgency) * 6px) calc(18px + var(--urgency) * 10px) rgba(0,0,0,calc(.35 + var(--urgency) * .2)))}.nest-wrap-back{z-index:1}.nest-wrap-front{z-index:3;filter:none}.nest{width:100%;height:auto;display:block}@keyframes nest-sway{0%,to{transform:translate(-50%) rotate(-1deg)}50%{transform:translate(-50%) rotate(1deg)}}h1{font-family:var(--font-display);font-size:clamp(var(--fs-32),6vw,var(--fs-72));font-weight:800;line-height:1.05;margin:0 0 var(--space-3);color:var(--red-500);letter-spacing:-.01em;position:relative;display:inline-block;padding-bottom:var(--space-2)}h1:after{content:"";position:absolute;left:50%;bottom:0;transform:translate(-50%);width:64px;height:3px;background:var(--blue-500);border-radius:var(--radius-pill)}.tagline{font-size:clamp(var(--fs-16),2.5vw,var(--fs-20));max-width:42rem;margin:0 auto var(--space-3);color:var(--blue-500);line-height:1.6;font-weight:400}.tagline em,.whyline em{color:var(--red-500);font-style:normal;font-weight:600}.whyline{font-size:var(--fs-14);max-width:36rem;margin:0 auto var(--space-6);color:#3c3a6ea6;line-height:1.6;font-weight:400}.countdown{display:flex;gap:clamp(var(--space-2),2vw,var(--space-5));justify-content:center;margin:var(--space-4) 0 var(--space-6);flex-wrap:wrap}.countdown .unit{background:var(--cream-100);border:1px solid rgba(60,58,110,.15);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);min-width:88px;box-shadow:0 6px 18px rgba(var(--shadow-tint),.2);transition:box-shadow .4s var(--ease-out),border-color .4s var(--ease-out)}.countdown .unit-hot{border-color:#ffd7008c}.countdown .num{display:block;font-family:var(--font-display);font-size:clamp(var(--fs-24),5vw,var(--fs-40));font-weight:800;color:var(--blue-500);line-height:1;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.countdown .num.digit-bounce{animation:digit-bounce .3s var(--ease-bounce)}@keyframes digit-bounce{0%{transform:translateY(-4px) scale(1.15)}60%{transform:translateY(1px) scale(.98)}to{transform:translateY(0) scale(1)}}.countdown .label{display:block;margin-top:var(--space-2);font-size:var(--fs-12);letter-spacing:.15em;text-transform:uppercase;color:#3c3a6ea6;font-weight:600}.hatched{font-family:var(--font-display);font-size:clamp(var(--fs-24),4vw,var(--fs-40));color:var(--accent);padding:var(--space-5);font-weight:800;animation:hatched-pop .9s var(--ease-bounce)}@keyframes hatched-pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}form.email{display:flex;flex-direction:column;gap:var(--space-2);max-width:22rem;width:100%;margin:0 auto var(--space-5)}form.email input{padding:14px 16px;border-radius:var(--radius-md);border:1px solid rgba(60,58,110,.25);background:var(--cream-100);color:var(--blue-500);font-size:var(--fs-16);font-family:var(--font-body);outline:none;transition:border-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}form.email input::placeholder{font-size:var(--fs-14);color:#3c3a6e73}form.email input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}form.email input.error{border-color:var(--danger);animation:shake .22s var(--ease-out)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.btn-primary,form.email button{width:100%;padding:16px 20px;border-radius:var(--radius-md);border:0;background:var(--red-500);color:var(--cream-100);font-family:var(--font-body);font-weight:800;font-size:var(--fs-16);letter-spacing:.02em;cursor:pointer;transition:transform .15s var(--ease-bounce),background .2s var(--ease-out),box-shadow .2s var(--ease-out)}.btn-primary:hover,form.email button:hover{transform:translateY(-2px);background:var(--red-400);box-shadow:var(--shadow-drop-md)}.btn-primary:active,form.email button:active{transform:translateY(0) scale(.98)}.btn-primary:disabled,form.email button:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}.btn-secondary{display:inline-block;margin-top:var(--space-5);padding:12px 20px;background:transparent;color:var(--blue-500);border:1px solid rgba(60,58,110,.35);border-radius:var(--radius-md);text-decoration:none;font-weight:700;font-size:var(--fs-14);transition:transform .15s var(--ease-bounce),border-color .2s var(--ease-out),background .2s var(--ease-out)}.btn-secondary:hover{transform:translateY(-2px);border-color:var(--blue-500);background:#3c3a6e14}.btn-secondary:active{transform:translateY(0) scale(.98)}.form-msg{min-height:1.25rem;font-size:var(--fs-14);color:#3c3a6ebf;margin:0 auto var(--space-4);max-width:22rem;padding:0;border-radius:var(--radius-md);transition:all .3s var(--ease-out)}.form-msg.success{color:var(--cream-100);background:var(--blue-500);padding:var(--space-3) var(--space-4);font-weight:600;animation:slide-in .3s var(--ease-out)}.form-msg.error{color:var(--cream-100);background:var(--danger);padding:var(--space-3) var(--space-4);font-weight:600;animation:slide-in .3s var(--ease-out)}@keyframes slide-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.follow-row{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-3);justify-content:center;align-items:center;margin:var(--space-5) auto var(--space-3);max-width:44rem}.follow-row a{display:inline-flex;align-items:center;gap:6px;color:var(--blue-500);text-decoration:none;font-size:var(--fs-12);font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);border:1px solid transparent;transition:transform .15s var(--ease-bounce),background .2s var(--ease-out),color .2s var(--ease-out)}.follow-row a:hover{transform:translateY(-2px);background:#3c3a6e14;color:var(--red-500)}.follow-row a:hover svg{fill:var(--red-500)}.follow-row svg{width:16px;height:16px;fill:var(--blue-500);transition:fill .2s var(--ease-out);flex-shrink:0}.follow-row .follow-label{width:100%;color:#3c3a6ea6;font-size:var(--fs-12);font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-1)}.footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-5);max-width:60rem;margin:var(--space-6) auto 0;font-size:var(--fs-12);color:#3c3a6e8c;flex-wrap:wrap}.footer .l{text-align:left}.footer .r{text-align:right}@media(prefers-reduced-motion:reduce){.egg-wrap,.nest-wrap,.glow,.cloud-drift,.countdown .num.digit-bounce,.hatched,.form-msg.success,.form-msg.error{animation:none!important}*{transition-duration:.15s!important}}
