:root{--bg:#fff;--bg-alt:#f3f6ff;--bg-card:#ffffffeb;--text:#0a0e1a;--muted:#64748b;--accent:#1a73e8;--accent-2:#06b6d4;--accent-3:#10b981;--accent-warm:#f59e0b;--glow:#1a73e859;--glow-2:#06b6d459;--border:#0a0e1a14;--shadow-strong:0 50px 90px #0a0e1a40;--shadow-soft:0 14px 40px #0a0e1a1f;color:var(--text);background-color:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Sora,Space Grotesk,Helvetica Neue,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 10%, #1a73e833, transparent 45%), radial-gradient(circle at 25% 55%, #06b6d42e, transparent 45%), radial-gradient(circle at 75% 15%, #10b98129, transparent 45%), radial-gradient(circle at 85% 70%, #f59e0b29, transparent 50%), var(--bg);min-height:100svh;margin:0}#root{min-height:100svh}.page{flex-direction:column;min-height:100svh;padding:32px clamp(20px,5vw,80px) 48px;display:flex;position:relative;overflow:hidden}.page:before,.page:after{content:"";filter:blur(80px);opacity:.8;z-index:0;background:linear-gradient(120deg,#1a73e82e,#06b6d41f);height:60%;animation:16s ease-in-out infinite sweep;position:absolute;inset:-20% 0 auto}.page:after{background:linear-gradient(120deg,#10b9812e,#f59e0b1f);height:50%;animation-direction:reverse;inset:auto 0 -30%}.nav{z-index:1;justify-content:space-between;align-items:center;display:flex;position:relative}.brand{letter-spacing:.4px;align-items:center;gap:12px;font-weight:600;display:inline-flex}.brand img{object-fit:contain;width:140px;height:140px;box-shadow:none;image-rendering:-webkit-optimize-contrast;background:0 0;border:none;border-radius:0;padding:0}.ghost{border:1px solid var(--border);color:var(--text);letter-spacing:.4px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft);background:#ffffffb3;border-radius:999px;padding:10px 20px;font-weight:600}.hero{z-index:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:clamp(24px,6vw,80px);margin-top:clamp(32px,8vw,96px);display:grid;position:relative}.hero-text h1{letter-spacing:-.5px;margin:16px 0;font-size:clamp(2.2rem,4vw,3.6rem);line-height:1.1}.hero-text p{color:var(--muted);max-width:560px;margin:0 0 24px}.chip{text-transform:uppercase;letter-spacing:.2em;color:var(--text);background:linear-gradient(120deg,#1a73e82e,#06b6d42e);border:1px solid #0a0e1a1f;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;display:inline-flex}.email-form{flex-wrap:wrap;gap:12px;display:flex}.email-form input{border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-soft);background:#ffffffe6;border-radius:12px;flex:220px;padding:14px 16px}.email-form input::placeholder{color:#e6e9f599}.primary{letter-spacing:.3px;color:#fff;background:linear-gradient(130deg,#1a73e8,#06b6d4,#10b981);border:none;border-radius:12px;padding:14px 22px;font-weight:700;box-shadow:0 20px 45px #1a73e859}.trust{color:var(--muted);margin-top:10px;font-size:.9rem}.city-row{color:#e6e9f5b8;margin-top:16px;font-size:.95rem}.stats{color:var(--text);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:14px;margin-top:20px;display:grid}.stat-value{font-size:1.2rem;font-weight:600;display:block}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-top:4px;font-size:.85rem;display:block}.highlights{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-top:32px;display:grid}.highlight{box-shadow:var(--shadow-soft);background:#fffc;border:1px solid #0a0e1a14;border-radius:16px;padding:16px}.highlight h3{margin:0 0 6px;font-size:1.05rem}.highlight p{color:var(--muted);margin:0;font-size:.95rem}.hero-visual{place-items:center;min-height:360px;display:grid;position:relative}.hero-media{z-index:2;transition:transform .4s;position:relative;transform:none}.hero-poster{width:min(440px,85vw);box-shadow:var(--shadow-strong);background:#fff;border-radius:28px;display:block}.orb{filter:blur(2px);background:radial-gradient(circle,#1a73e866,#1a73e805);border-radius:50%;width:260px;height:260px;animation:8s ease-in-out infinite float;position:absolute}.tilt{perspective:1200px;z-index:2}.card{background:var(--bg-card);border:1px solid var(--border);width:min(360px,80vw);box-shadow:var(--shadow-strong);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:24px;padding:24px;animation:6s ease-in-out infinite float;transform:rotateY(-16deg)rotateX(8deg)}.card-top{justify-content:space-between;align-items:center;margin-bottom:24px;font-weight:600;display:flex}.card-badge{letter-spacing:.2em;color:var(--muted);border:1px solid #ffffff29;border-radius:999px;padding:6px 10px;font-size:.7rem}.card-middle{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.signal{gap:6px;display:flex}.signal span{background:linear-gradient(180deg, var(--accent-warm), var(--accent));border-radius:999px;width:8px;height:22px;animation:1.8s ease-in-out infinite pulse;display:block}.signal span:nth-child(2){height:30px;animation-delay:.2s}.signal span:nth-child(3){height:38px;animation-delay:.4s}.amount{font-size:1.4rem;font-weight:600}.card-bottom{gap:10px;display:flex}.pill{background:#0a0e1a0f;border:1px solid #0a0e1a1f;border-radius:999px;padding:8px 12px;font-size:.8rem}.ripple{border:1px solid #1a73e833;border-radius:50%;width:340px;height:340px;animation:4s ease-in-out infinite ripple;position:absolute;box-shadow:0 0 0 18px #1a73e81a,0 0 0 36px #06b6d414}.footer{color:var(--muted);z-index:1;flex-direction:column;gap:6px;margin-top:auto;padding-top:48px;display:flex;position:relative}.footer-note{color:#e6e9f599;font-size:.9rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes ripple{0%,to{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes sweep{0%,to{opacity:.7;transform:translateY(0)translate(0)scale(1)}50%{opacity:.95;transform:translateY(-20px)translate(20px)scale(1.05)}}@media (width<=900px){.nav{flex-direction:column;gap:16px}.hero-media{transform:none}}@media (width<=600px){.hero-text h1{font-size:2rem}.email-form{flex-direction:column}.hero-media{transform:none}}
