:root{--primary: #e84393;--primary-dark: #d63384;--primary-light: #fd79a8;--accent-gold: #f9ca24;--accent-purple: #6c5ce7;--accent-teal: #00cec9;--warm-white: #fff5f7;--dark-bg: #0f0a1a;--dark-surface: rgba(255, 255, 255, .06);--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(255, 255, 255, .5);--text-dark: #1a0e2e;--text-muted: #5a4d6e;--glow-primary: rgba(232, 67, 147, .5);--glow-gold: rgba(249, 202, 36, .4);--glow-purple: rgba(108, 92, 231, .4);--radius-lg: 24px;--radius-xl: 32px;--font-display: "DM Serif Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-handwritten: "Caveat", cursive}html{margin:0;padding:0;overflow:hidden;height:100vh;height:100dvh;width:100vw;width:100dvw}body{margin:0;padding:0;font-family:var(--font-body);background:linear-gradient(135deg,#0a0612,#0f0a1a 40%,#0d1b2a);text-align:center;color:#ffffffe0;scroll-behavior:smooth;overflow:hidden;height:100vh;height:100dvh;width:100vw;width:100dvw;position:fixed;animation:fadeIn .8s ease-out forwards;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:pan-y}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(232,67,147,.04),transparent),radial-gradient(ellipse 60% 50% at 80% 70%,rgba(108,92,231,.03),transparent),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(0,206,201,.02),transparent);pointer-events:none;z-index:0;animation:meshFloat 20s ease-in-out infinite alternate}@keyframes meshFloat{0%{background:radial-gradient(ellipse 80% 60% at 20% 30%,rgba(232,67,147,.04),transparent),radial-gradient(ellipse 60% 50% at 80% 70%,rgba(108,92,231,.03),transparent),radial-gradient(ellipse 50% 40% at 50% 50%,rgba(0,206,201,.02),transparent)}to{background:radial-gradient(ellipse 70% 50% at 70% 60%,rgba(232,67,147,.04),transparent),radial-gradient(ellipse 80% 60% at 20% 30%,rgba(108,92,231,.03),transparent),radial-gradient(ellipse 60% 50% at 60% 20%,rgba(0,206,201,.02),transparent)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}#root{width:100vw;width:100dvw;height:100vh;height:100dvh;overflow:hidden;margin:0;padding:0}.app{position:fixed;top:0;left:0;width:100vw;width:100dvw;height:100vh;height:100dvh;overflow:hidden;margin:0;padding:0}*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{width:0;height:0;background:transparent}.page{height:100vh;height:100dvh;width:100vw;width:100dvw;position:absolute;top:0;left:0;opacity:0;visibility:hidden;transform:translate(100%);transition:all .6s cubic-bezier(.22,1,.36,1);padding:env(safe-area-inset-top,20px) env(safe-area-inset-right,20px) env(safe-area-inset-bottom,20px) env(safe-area-inset-left,20px);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;z-index:10}.page.active{opacity:1;visibility:visible;transform:translate(0);position:relative}.page.exit-left{transform:translate(-100%);opacity:0}.landing-simple{width:100%;max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:16px}.hero{padding:0 18px;max-width:740px;margin:0;text-align:center}.hero h1{font-family:var(--font-display, "DM Serif Display", Georgia, serif);font-size:clamp(2.05rem,4.6vw,3.1rem);margin:6px 0 10px;font-weight:400;color:#ffffffe0;line-height:1.2;letter-spacing:-.01em}.hero p{font-size:1.02rem;color:#fff6;margin:0;line-height:1.5;font-family:var(--font-body, "Inter", system-ui, sans-serif)}.highlight{background:linear-gradient(90deg,var(--primary, #e84393) 0%,var(--accent-gold, #f9ca24) 20%,var(--primary, #e84393) 40%,var(--primary-light, #fd79a8) 60%,var(--accent-gold, #f9ca24) 80%,var(--primary, #e84393) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmerText 3s linear infinite;font-weight:400;font-style:italic}@keyframes shimmerText{0%{background-position:0% center}to{background-position:200% center}}.teaser{padding:0 18px;max-width:740px;margin:20px auto 10px;text-align:center}#teaserHeading{font-family:var(--font-display, "DM Serif Display", Georgia, serif);font-size:1.35rem;font-weight:400;font-style:italic;color:#ffffffb3;margin:0 0 8px;line-height:1.35}.teaser-hint{font-size:1.02rem;font-weight:500;color:#ffffff59;opacity:1;margin:0;font-family:var(--font-body, "Inter", system-ui, sans-serif)}.landing-actions{display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 18px}.landing-cta{width:min(380px,100%)}#surpriseBtn{background:linear-gradient(135deg,var(--primary, #e84393),var(--primary-dark, #d63384));color:#fff;border:none;padding:14px 34px;font-size:1.1rem;font-weight:700;font-family:var(--font-body, "Inter", system-ui, sans-serif);border-radius:50px;cursor:pointer;margin:0;transition:all .3s cubic-bezier(.22,1,.36,1);box-shadow:0 12px 30px #e843934d;position:relative;overflow:hidden}#surpriseBtn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:btnSweep 3s ease-in-out infinite}@keyframes btnSweep{0%{left:-100%}50%{left:100%}to{left:100%}}#surpriseBtn:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 16px 36px #e8439366}#surpriseBtn:disabled{opacity:.5;cursor:not-allowed}#surpriseBtn:not(:disabled){animation:pulse 2s ease-in-out infinite}.celebrate-btn{background:linear-gradient(135deg,var(--primary, #e84393),var(--primary-dark, #d63384));color:#fff;border:none;padding:16px 40px;font-size:1.2rem;font-weight:700;font-family:var(--font-body, "Inter", system-ui, sans-serif);border-radius:50px;cursor:pointer;margin:0;transition:all .3s cubic-bezier(.22,1,.36,1);box-shadow:0 12px 30px #e8439359;position:relative;overflow:hidden;letter-spacing:.02em}.celebrate-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:btnSweep 3s ease-in-out infinite}.celebrate-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 16px 40px #e8439373}.celebrate-btn:disabled{opacity:.5;cursor:not-allowed;background:linear-gradient(135deg,#999,#aaa)}.celebrate-btn:not(:disabled){animation:pulse-celebrate 2s ease-in-out infinite}@keyframes pulse-celebrate{0%,to{box-shadow:0 12px 30px #e8439359}50%{box-shadow:0 16px 40px #e8439380}}@keyframes pulse{0%,to{box-shadow:0 12px 24px #e8439340}50%{box-shadow:0 16px 32px #e8439366}}.back-btn{position:fixed;top:80px;left:20px;background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffff80;border:1px solid rgba(255,255,255,.08);padding:10px 20px;font-size:1rem;font-family:var(--font-body, "Inter", system-ui, sans-serif);border-radius:25px;cursor:pointer;z-index:15;transition:all .3s ease;box-shadow:none}.back-btn:hover{background:#ffffff1a;color:#fffc;transform:translate(-5px)}.page-nav-btn{background:linear-gradient(135deg,var(--primary, #e84393),var(--primary-dark, #d63384));color:#fff;border:none;padding:14px 35px;font-size:1.2rem;font-weight:700;font-family:var(--font-body, "Inter", system-ui, sans-serif);border-radius:50px;cursor:pointer;margin-top:30px;transition:all .3s ease;box-shadow:0 8px 24px #e843934d}.page-nav-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 32px #e8439366}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0612,#0f0a1a 40%,#0d1b2a);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-spinner{text-align:center;padding:48px 40px;background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;box-shadow:0 20px 60px #0003;border:1px solid rgba(255,255,255,.06)}.spinner{width:48px;height:48px;margin:0 auto 20px;border:3px solid rgba(255,255,255,.06);border-top-color:#e8439399;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner p{color:#fff6;font-size:1.05rem;font-weight:600;font-family:var(--font-body, "Inter", system-ui, sans-serif);margin:0}.error-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0612,#0f0a1a 40%,#0d1b2a);display:flex;justify-content:center;align-items:center;z-index:9999}.error-message{text-align:center;padding:48px 40px;background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:28px;box-shadow:0 20px 60px #0003;border:1px solid rgba(255,255,255,.06);max-width:400px;margin:20px}.error-message h2{color:#ffffffb3;font-family:var(--font-display, "DM Serif Display", Georgia, serif);font-size:1.8rem;font-weight:400;margin:0 0 15px}.error-message p{color:#ffffff59;font-size:1rem;font-family:var(--font-body, "Inter", system-ui, sans-serif);margin:10px 0;line-height:1.5}.error-hint{color:#fff3;font-size:.9rem;font-style:italic;margin-top:20px}@media (max-width: 600px){.hero h1{font-size:1.9rem;padding:0 10px}.hero p{font-size:.98rem;padding:0 10px}.back-btn{top:70px;left:15px;padding:8px 16px;font-size:.9rem}.page-nav-btn{font-size:1.1rem;padding:12px 30px}#teaserHeading{font-size:1.05rem;padding:0 15px}.teaser-hint{padding:0 15px}#surpriseBtn{font-size:1rem;padding:12px 28px}}@media (min-width: 601px) and (max-width: 1024px){.hero h1{font-size:2.5rem}.page{padding:15px}}@media (min-width: 1400px){.hero h1{font-size:3.2rem}.hero p{font-size:1.25rem}}@media (hover: none) and (pointer: coarse){button{min-height:44px;min-width:44px}.back-btn,.page-nav-btn,#surpriseBtn{padding:14px 30px}}@supports (-webkit-touch-callout: none){.app,.page,body{height:-webkit-fill-available}}@media (max-width: 932px) and (orientation: landscape){.page{padding:20px 10px 10px;justify-content:flex-start}.hero{padding:10px}.hero h1{font-size:2rem;margin-bottom:10px}}@media only screen and (max-width: 428px){.page{padding:12px;padding-top:max(env(safe-area-inset-top,15px),15px);padding-bottom:max(env(safe-area-inset-bottom,15px),15px)}.hero{padding:8px 15px}.hero h1{font-size:1.8rem;line-height:1.2;margin-bottom:8px}.teaser{padding:8px 15px}#teaserHeading{font-size:1.1rem;margin-bottom:6px}.teaser-hint{font-size:.85rem}.celebrate-btn,.page-nav-btn{padding:12px 28px;font-size:1.1rem;margin:12px auto}.back-btn{top:max(env(safe-area-inset-top,12px),70px);left:12px;padding:8px 16px;font-size:.9rem}}@media only screen and (max-width: 375px){.page{padding:10px;padding-top:max(env(safe-area-inset-top,12px),12px);padding-bottom:max(env(safe-area-inset-bottom,12px),12px)}.hero h1{font-size:1.6rem;margin-bottom:6px}.hero p{font-size:.9rem}#teaserHeading{font-size:1rem;margin-bottom:5px}.celebrate-btn,.page-nav-btn{padding:11px 24px;font-size:1rem;margin:10px auto}}@media (max-width: 480px){.loading-spinner,.error-message{padding:32px 24px;margin:15px;border-radius:24px}.spinner{width:42px;height:42px}.loading-spinner p{font-size:1rem}.error-message h2{font-size:1.5rem}.error-message p{font-size:.95rem}}