@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.footer-link{color:#9ca3af;margin-bottom:.8rem;text-decoration:none;transition:color .3s;display:block}.footer-link:hover{color:#3b82f6}*{box-sizing:border-box;margin:0;padding:0}body{color:#f9fafb;background-color:#030712;font-family:Inter,sans-serif;overflow-x:hidden}.page-container{flex-direction:column;width:100%;display:flex}.header{-webkit-backdrop-filter:blur(20px);z-index:50;background:#ffffff1a;border:1px solid #ffffff40;border-radius:100px;width:calc(100% - 40px);max-width:1200px;transition:all .3s;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000040,inset 0 0 0 1px #ffffff1a}.header-inner{justify-content:space-between;align-items:center;margin:0 auto;padding:10px 24px;display:flex}.logo-container{align-items:center;gap:12px;display:flex}.logo-img{border-radius:20px;width:40px;height:40px}.logo-text{color:#fbbf24;font-size:20px;font-weight:800}.nav-links{align-items:center;gap:32px;display:flex}.nav-link{color:#e5e7eb;cursor:pointer;font-size:15px;font-weight:600;transition:color .2s}.nav-link:hover{color:#fbbf24}.mobile-splash-screen{z-index:9999;background-color:#111827;flex-direction:column;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0}.mobile-splash-content{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.mobile-splash-icon-container{filter:drop-shadow(0 10px 20px #0000004d);margin-bottom:24px}.mobile-splash-icon-circle{background-color:#1f2937;border-radius:60px;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.mobile-splash-title{color:#f9fafb;margin-bottom:8px;font-family:Inter,sans-serif;font-size:42px;font-weight:800}.mobile-splash-subtitle{color:#9ca3af;letter-spacing:.5px;font-family:Inter,sans-serif;font-size:16px;font-weight:500}.mobile-splash-footer{justify-content:center;width:100%;padding-bottom:60px;display:flex}.mobile-splash-loader-track{background-color:#374151;border-radius:2px;width:200px;height:4px;overflow:hidden}.mobile-splash-loader-fill{background-color:#f9fafb;border-radius:2px;height:100%}.mobile-menu{z-index:40;background:#030712;flex-direction:column;padding:40px 24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:73px 0 0}.mobile-nav-links{flex-direction:column;gap:24px;display:flex}.mobile-nav-link{color:#f9fafb;cursor:pointer;border-bottom:1px solid #1f2937;align-items:center;min-height:56px;padding:16px 0;font-size:20px;font-weight:700;display:flex}.mobile-nav-link:hover{color:#fbbf24}.icon-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;display:flex}.btn-primary{color:#111827;cursor:pointer;background:#fbbf24;border:none;border-radius:24px;min-width:44px;min-height:44px;padding:10px 24px;font-size:15px;font-weight:700;transition:transform .2s}.btn-primary:hover{transform:scale(1.05)}.btn-primary.large{border-radius:32px;min-height:52px;padding:16px 32px;font-size:18px}@keyframes buttonPulse{0%{box-shadow:0 0 #fbbf2499}70%{box-shadow:0 0 0 15px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}.hero .btn-primary.large{animation:2s infinite buttonPulse}.btn-outline{color:#fbbf24;cursor:pointer;background:0 0;border:2px solid #fbbf24;border-radius:32px;min-width:48px;min-height:48px;padding:14px 32px;font-size:18px;font-weight:700;transition:background .2s}.btn-outline:hover{background:#fbbf241a}.btn-dark{color:#fbbf24;cursor:pointer;background:#111827;border:none;border-radius:32px;min-width:48px;min-height:48px;padding:16px 32px;font-size:16px;font-weight:700;transition:transform .2s}.btn-dark:hover{transform:scale(1.05)}.hero{background-position:50%;background-repeat:no-repeat;background-size:cover;padding:160px 24px 80px;position:relative}@media (width<=768px){.hero{padding:120px 20px 60px}}.hero-overlay{z-index:0;background:#030712cc;position:absolute;inset:0}.hero-content{z-index:1;justify-content:space-between;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:flex;position:relative}@media (width<=900px){.hero-content{text-align:center;flex-direction:column}}.hero-text-content{text-align:left;flex:1;max-width:600px}@media (width<=900px){.hero-text-content{text-align:center;flex-direction:column;align-items:center;display:flex}}.hero-badge{color:#f8fafc;letter-spacing:1.5px;text-transform:uppercase;z-index:1;background:0 0;border-radius:30px;align-items:center;gap:10px;margin-bottom:24px;padding:8px 24px;font-size:13px;font-weight:800;display:inline-flex;position:relative}.hero-badge:before{content:"";z-index:-1;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#3b82f6) 0 0/300% 100%;border-radius:32px;animation:4s linear infinite gradient-spin;position:absolute;inset:-2px}.hero-badge:after{content:"";z-index:-1;background:#0f172a;border-radius:30px;position:absolute;inset:1px}@keyframes gradient-spin{0%{background-position:0%}to{background-position:300%}}.hero-badge-dot{z-index:2;background:#e2e8f0;border-radius:4px;width:8px;height:8px;animation:1s infinite alternate pulse;box-shadow:0 0 10px #fff}.hero-badge span{z-index:2;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-title{letter-spacing:-2px;color:#f9fafb;margin-bottom:24px;font-size:clamp(36px,8vw,80px);font-weight:900;line-height:1.1}.text-yellow{color:#fbbf24}.underline{display:inline-block;position:relative}.underline:after{content:"";z-index:-1;background-color:#22c55e;width:100%;height:8px;position:absolute;bottom:8px;left:0}.hero-subtitle{color:#d1d5db;max-width:600px;margin:0 0 40px;font-size:clamp(16px,2vw,20px);line-height:1.6}@media (width<=900px){.hero-subtitle{margin:0 auto 40px}}.hero-buttons{flex-wrap:wrap;gap:20px;display:flex}@media (width<=900px){.hero-buttons{justify-content:center}}.store-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #4b5563;border-radius:12px;align-items:center;gap:12px;padding:10px 20px;transition:all .2s;display:flex}.store-btn:hover{background:#ffffff1a;border-color:#9ca3af}.store-icon svg{fill:#fff}.store-text{flex-direction:column;align-items:flex-start;display:flex}.store-small{color:#d1d5db;margin-bottom:2px;font-size:10px;font-weight:500;line-height:1}.store-large{font-size:16px;font-weight:700;line-height:1}.hero-image-content{flex:1;justify-content:center;align-items:center;display:flex}.hero-phone-image{filter:drop-shadow(0 25px 25px #00000080);max-width:100%;height:auto;max-height:600px}.phone-mockup{background:#111827;border-radius:40px;width:min(320px,100%);height:650px;margin:0 auto;padding:12px;position:relative;box-shadow:0 25px 50px -12px #00000080,inset 0 0 0 2px #374151}.phone-notch{z-index:10;background:#111827;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:120px;height:25px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.phone-screen.light-screen{color:#1e293b;background:#f4f7fe radial-gradient(circle at 100% 0,#dbeafe 0%,#0000 60%);border-radius:32px;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;position:relative;overflow:hidden}.light-scroll-content{scrollbar-width:none;height:100%;padding-bottom:90px;overflow-y:hidden}.light-scroll-content::-webkit-scrollbar{display:none}.light-header{justify-content:space-between;align-items:center;padding:40px 20px 16px;display:flex}.light-icon-btn{background:#fffc;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 2px 4px #0000000d}.light-icon-btn.white-bg{background:#fff}.light-header-right{align-items:center;gap:12px;display:flex}.light-avatar{background:#8b5cf6;border-radius:18px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.light-online-dot{background:#10b981;border:2px solid #fff;border-radius:5px;width:10px;height:10px;position:absolute;bottom:0;right:0}.light-search-section{padding:0 20px 16px}.light-subtitle{color:#94a3b8;letter-spacing:1px;margin-bottom:8px;font-size:10px;font-weight:700}.light-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:14px;align-items:center;gap:6px;padding:6px;display:flex;box-shadow:0 4px 12px #00000005}.light-search-icon{background:#e0e7ff;border-radius:13px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.light-search-text h4{color:#0f172a;margin-bottom:2px;font-size:9px;font-weight:800}.light-search-text p{color:#3b82f6;text-transform:uppercase;font-size:7px;font-weight:700}.light-section{padding:0 16px 16px}.light-section-title{color:#0f172a;margin-bottom:10px;font-size:12px;font-weight:800}.light-empty-box{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;margin-bottom:10px;padding:12px}.light-empty-box p{color:#64748b;font-size:10px}.light-alert-box{background:#e0e7ff;border:1px solid #bfdbfe;border-radius:12px;justify-content:space-between;align-items:center;padding:6px;display:flex}.light-alert-left{align-items:flex-start;gap:6px;display:flex}.light-dot{background:#3b82f6;border-radius:3px;width:6px;height:6px;margin-top:3px}.light-alert-text h4{color:#1e40af;margin-bottom:2px;font-size:8px;font-weight:700}.light-alert-text p{color:#1e293b;font-size:8px;font-weight:600}.light-section-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.light-section-subtitle{color:#64748b;font-size:9px}.light-view-all{color:#3b82f6;background:#e0e7ff;border-radius:12px;align-items:center;gap:4px;padding:4px 8px;font-size:8px;font-weight:800;display:flex}.light-news-card{background:linear-gradient(#0f172a00 0%,#0f172ae6 100%),#cbd5e1;border-radius:16px;flex-direction:column;justify-content:space-between;height:180px;padding:16px;display:flex;box-shadow:0 4px 12px #0000000d}.light-news-badge{color:#fff;letter-spacing:1px;background:#8b5cf6;border-radius:4px;align-self:flex-start;padding:4px 8px;font-size:9px;font-weight:800}.light-news-content h2{color:#fff;margin-bottom:6px;font-size:16px;font-weight:900;line-height:1.2}.light-news-content p{color:#d1d5db;font-size:10px;line-height:1.4}.light-bottom-nav{z-index:20;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.light-nav-pill{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #ffffff1a;border-radius:40px;justify-content:center;align-items:center;gap:16px;padding:8px 16px;display:flex;box-shadow:0 10px 30px #00000080}.light-nav-item{border-radius:20px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.light-nav-item.active{background:#3b82f6}.city-pulse-wrapper{z-index:10;width:100%;margin-top:-20px;padding:0 24px;position:relative}.city-pulse{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(90deg,#111827f2 0%,#030712fa 100%);border:1px solid #ef44444d;border-radius:24px;width:100%;max-width:1200px;margin:0 auto;padding:20px 32px;box-shadow:0 20px 40px #0006,inset 0 1px #ffffff0d}.pulse-inner{flex-wrap:nowrap;align-items:center;gap:16px;display:flex}.pulse-badge{color:#ef4444;letter-spacing:1px;background:#ef444426;border:1px solid #ef44444d;border-radius:16px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:900;display:flex}.pulse-dot{background:#ef4444;border-radius:4px;width:8px;height:8px;animation:1s infinite alternate pulse}@keyframes pulse{0%{opacity:.3}to{opacity:1}}.pulse-divider{background:#374151;width:1px;height:24px}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.pulse-headline{color:#e5e7eb;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:15px;animation:.5s ease-out fadeSlideUp;overflow:hidden}.pulse-update{color:#ef4444;font-weight:900}.pulse-read-more{color:#3b82f6;cursor:pointer;background:#3b82f61a;border:none;border-radius:20px;padding:6px 16px;font-weight:800}.section{max-width:1200px;margin:100px auto;padding:0 24px}.bg-darker{background:#0a0a0a;border-top:1px solid #1f2937;max-width:100%;padding:100px 24px}.section-title{margin-bottom:48px;font-size:40px;font-weight:900}.bento-grid{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:32px;display:grid}.bento-card{border-radius:24px;flex-direction:column;gap:20px;padding:40px;display:flex}.span-2{grid-column:span 2}@media (width<=768px){.span-2{grid-column:span 1}.pulse-divider{display:none}.city-pulse{border-radius:16px;padding:16px}.pulse-inner{flex-wrap:wrap;gap:12px}.pulse-badge{order:1}.pulse-read-more{order:2;margin-left:auto;padding:6px 12px;font-size:13px}.pulse-headline{white-space:nowrap;text-overflow:ellipsis;order:3;width:100%;font-size:14px;line-height:1.5;display:block;overflow:hidden}}.dark-card{background:#111827}.gold-card{color:#111827;background:#fbbf24}.outline-card{background:0 0;border:1px solid #374151}.bento-title{font-size:24px;font-weight:800}.text-dark{color:#111827}.bento-desc{color:#d1d5db;font-size:15px;line-height:1.6}.bento-desc.text-dark{color:#4b5563}.gamification-card{flex-wrap:wrap;align-items:center;gap:64px;max-width:1200px;margin:0 auto;display:flex}.g-content{flex:1;min-width:min(320px,100%)}.g-title{color:#fbbf24;margin-bottom:20px;font-size:40px;font-weight:900}.g-desc{color:#e5e7eb;margin-bottom:32px;font-size:18px;line-height:1.6}.badge-row{flex-wrap:wrap;gap:12px;display:flex}.badge{border-radius:24px;padding:10px 20px;font-size:14px;font-weight:700}.badge.gold{color:#fbbf24;background:#fbbf2433;border:1px solid #fbbf2480}.badge.silver{color:#d1d5db;background:#9ca3af33;border:1px solid #9ca3af80}.g-mockup{box-sizing:border-box;background:#111827;border:1px solid #1f2937;border-radius:24px;flex:1;min-width:min(320px,100%);padding:40px}.mockup-alert{background:#1f2937;border-left:4px solid #fbbf24;border-radius:12px;align-items:center;gap:16px;padding:20px;font-weight:600;display:flex}.alert-pts{color:#10b981}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:48px;display:grid}.step-card{background:#111827;border-radius:24px;padding:48px 32px 40px;position:relative}.step-badge{color:#111827;background:#fbbf24;border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:900;display:flex;position:absolute;top:-20px;left:32px;box-shadow:0 4px 10px #fbbf244d}.step-title{margin-bottom:16px;font-size:24px;font-weight:800}.step-desc{color:#d1d5db;line-height:1.6}.cta-banner{background:#fbbf24;border-radius:32px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;padding:56px;display:flex}.cta-title{color:#111827;letter-spacing:-1px;margin-bottom:16px;font-size:clamp(32px,5vw,48px);font-weight:900}.cta-subtitle{color:#111827;opacity:.8;max-width:500px;font-size:18px;font-weight:600;line-height:1.5}.footer{background:#000;border-top:1px solid #1f2937;margin-top:100px;padding:80px 24px 40px}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:72px;max-width:1200px;margin:0 auto;display:flex}.footer-brand{max-width:320px}.footer-logo{align-items:center;gap:12px;margin-bottom:20px;display:flex}.footer-logo img{border-radius:16px;width:32px;height:32px}.footer-logo span{color:#f9fafb;font-size:18px;font-weight:700}.footer-desc{color:#d1d5db;font-size:14px;line-height:1.6}.footer-links{flex-wrap:wrap;gap:64px;display:flex}.link-col h4{color:#9ca3af;letter-spacing:1px;margin-bottom:20px;font-size:12px;font-weight:900}.link-col p{color:#e5e7eb;cursor:pointer;margin-bottom:12px;padding:8px 0;font-size:14px}.link-col p:hover{color:#fbbf24}@media (width<=768px){.footer-links{gap:32px}.link-col{flex:140px}}.footer-bottom{text-align:center;color:#9ca3af;border-top:1px solid #1f2937;max-width:1200px;margin:64px auto 0;padding-top:32px;font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100;background:#030712d9;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-content{background:#111827;border:1px solid #1f2937;border-radius:24px;width:100%;max-width:400px;padding:32px;position:relative;box-shadow:0 25px 50px -12px #00000080}@media (width<=480px){.modal-content{border-radius:20px;padding:24px}.modal-title{font-size:20px!important}.modal-steps p{font-size:14px!important}}.modal-close{cursor:pointer;background:0 0;border:none;border-radius:50%;padding:8px;transition:background .2s;position:absolute;top:16px;right:16px}.modal-close:hover{background:#1f2937}.modal-title{color:#f9fafb;margin-bottom:24px;font-size:24px;font-weight:800}.modal-steps p{color:#e5e7eb;margin-bottom:16px;font-size:15px;line-height:1.6}.w-full{width:100%}