@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--primary:#1b5e20;--primary-dark:#0d3b12;--primary-light:#1b5e201f;--accent:#ffb300;--accent-light:#ffb30026;--bg-dark:#0a0f1c;--bg-dark-2:#111827;--bg-dark-3:#1a2a4a;--surface-dark:#ffffff0f;--border-dark:#ffffff14;--bg-light:#f8fafb;--surface-light:#fff;--border-light:#e5e7eb;--text-white:#fff;--text-white-muted:#fff9;--text-dark:#1c1c1e;--text-dark-muted:#6c757d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 4px 24px #00000014;--shadow-glow:0 0 60px #1b5e204d;--transition:.3s cubic-bezier(.4, 0, .2, 1);--max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--text-dark);background:var(--bg-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}ul,ol{list-style:none}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:56px}.section-title{letter-spacing:-.02em;margin-bottom:12px;font-size:2.5rem;font-weight:800}.section-subtitle{max-width:520px;margin:0 auto;font-size:1.1rem;line-height:1.6}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(30px)}.reveal.visible{opacity:1;transform:translateY(0)}.navbar{z-index:1000;transition:background var(--transition), box-shadow var(--transition), padding var(--transition);padding:16px 0;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 var(--border-dark);background:#0a0f1ceb;padding:10px 0}.nav-inner{justify-content:space-between;align-items:center;display:flex}.nav-logo{align-items:center;gap:10px;display:flex}.nav-logo img{border-radius:var(--radius-sm);width:36px;height:36px}.nav-logo span{color:var(--text-white);letter-spacing:-.01em;font-size:1.25rem;font-weight:800}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-white-muted);transition:color var(--transition);font-size:.95rem;font-weight:500}.nav-links a:hover{color:var(--text-white)}.nav-actions{align-items:center;gap:12px;display:flex}.btn-lang{background:var(--surface-dark);color:var(--text-white);border:1px solid var(--border-dark);border-radius:var(--radius-full);transition:all var(--transition);padding:6px 14px;font-size:.85rem;font-weight:600}.btn-lang:hover{background:#ffffff1f}.btn-nav-cta{background:var(--primary);color:var(--text-white);border-radius:var(--radius-full);transition:all var(--transition);padding:8px 20px;font-size:.9rem;font-weight:600}.btn-nav-cta:hover{background:var(--primary-dark);transform:translateY(-1px)}.nav-menu-btn{color:var(--text-white);background:0 0;padding:4px;font-size:1.5rem;display:none}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;background:#0a0f1cfa;flex-direction:column;justify-content:center;align-items:center;gap:32px;display:none;position:fixed;inset:0}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--text-white);font-size:1.5rem;font-weight:600}.mobile-menu-close{color:var(--text-white);background:0 0;font-size:2rem;position:absolute;top:20px;right:24px}.hero{background:linear-gradient(160deg, var(--bg-dark) 0%, var(--bg-dark-3) 50%, var(--bg-dark-2) 100%);align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:.5;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#1b5e2026 0%,#0000 70%);width:800px;height:800px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-inner{z-index:1;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:60px 0;display:grid;position:relative}.hero-content{flex-direction:column;gap:24px;display:flex}.hero-badge{background:var(--accent-light);color:var(--accent);border-radius:var(--radius-full);border:1px solid #ffb30040;align-items:center;gap:6px;width:fit-content;padding:6px 16px;font-size:.85rem;font-weight:700;display:inline-flex}.hero-badge:before{content:"✦"}.hero-title{color:var(--text-white);letter-spacing:-.03em;font-size:3.5rem;font-weight:900;line-height:1.1}.hero-title br{display:block}.hero-subtitle{color:var(--text-white-muted);max-width:480px;font-size:1.15rem;line-height:1.7}.hero-buttons{flex-wrap:wrap;gap:16px;display:flex}.btn-store{border-radius:var(--radius-md);transition:all var(--transition);align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex}.btn-store:hover{transform:translateY(-2px)}.btn-store-primary{background:var(--primary);color:var(--text-white);box-shadow:0 4px 16px #1b5e2066}.btn-store-primary:hover{background:var(--primary-dark);box-shadow:0 6px 24px #1b5e2080}.btn-store-secondary{color:var(--text-white);border:1px solid var(--border-dark);background:#ffffff14}.btn-store-secondary:hover{background:#ffffff24}.btn-store svg{width:22px;height:22px}.hero-image{justify-content:center;align-items:center;display:flex}.hero-image img{border-radius:var(--radius-xl);filter:drop-shadow(0 20px 60px #00000080);width:100%;max-width:840px;animation:6s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}.features{background:var(--bg-light);padding:100px 0}.features .section-title{color:var(--text-dark)}.features .section-subtitle{color:var(--text-dark-muted)}.features-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.feature-card{background:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition);padding:32px;position:relative;overflow:hidden}.feature-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));height:3px;transition:transform var(--transition);transform-origin:0;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.feature-card:hover{border-color:#0000;transform:translateY(-4px);box-shadow:0 12px 40px #00000014}.feature-card:hover:before{transform:scaleX(1)}.feature-icon{border-radius:var(--radius-md);background:var(--primary-light);justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:20px;font-size:1.6rem;display:flex}.feature-title{color:var(--text-dark);margin-bottom:10px;font-size:1.2rem;font-weight:700}.feature-desc{color:var(--text-dark-muted);font-size:.95rem;line-height:1.65}.screenshots{background:var(--bg-dark-2);padding:100px 0;overflow:hidden}.screenshots .section-title{color:var(--text-white)}.screenshots .section-subtitle{color:var(--text-white-muted)}.screenshots-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:24px;padding:0 24px;display:flex;overflow-x:auto}.screenshots-track::-webkit-scrollbar{display:none}.screenshot-item{scroll-snap-align:center;border-radius:var(--radius-xl);background:var(--surface-dark);border:1px solid var(--border-dark);transition:transform var(--transition);flex:0 0 280px;overflow:hidden}.screenshot-item:hover{transform:scale(1.03)}.screenshot-item img{width:100%;height:auto;display:block}.faq{background:var(--bg-light);padding:100px 0}.faq .section-title{color:var(--text-dark)}.faq .section-subtitle{color:var(--text-dark-muted)}.faq-list{flex-direction:column;gap:12px;max-width:720px;margin:0 auto;display:flex}.faq-item{background:var(--surface-light);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--transition);overflow:hidden}.faq-item.open{border-color:var(--primary);box-shadow:0 4px 16px #1b5e2014}.faq-question{width:100%;color:var(--text-dark);text-align:left;transition:color var(--transition);background:0 0;justify-content:space-between;align-items:center;padding:20px 24px;font-size:1rem;font-weight:600;display:flex}.faq-item.open .faq-question{color:var(--primary)}.faq-icon{background:var(--primary-light);width:28px;height:28px;color:var(--primary);transition:transform var(--transition), background var(--transition);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.faq-item.open .faq-icon{background:var(--primary);color:var(--text-white);transform:rotate(45deg)}.faq-answer{max-height:0;transition:max-height .4s,padding .4s;overflow:hidden}.faq-item.open .faq-answer{max-height:300px}.faq-answer p{color:var(--text-dark-muted);padding:0 24px 20px;font-size:.95rem;line-height:1.7}.footer{background:var(--bg-dark);border-top:1px solid var(--border-dark);padding:60px 0 30px}.footer-inner{grid-template-columns:2fr 1fr;gap:60px;margin-bottom:40px;display:grid}.footer-brand{flex-direction:column;gap:16px;display:flex}.footer-logo{align-items:center;gap:10px;display:flex}.footer-logo img{border-radius:var(--radius-sm);width:40px;height:40px}.footer-logo span{color:var(--text-white);font-size:1.3rem;font-weight:800}.footer-desc{color:var(--text-white-muted);max-width:360px;font-size:.95rem;line-height:1.6}.footer-links-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-white-muted);margin-bottom:16px;font-size:.85rem;font-weight:700}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-links a{color:var(--text-white-muted);transition:color var(--transition);font-size:.95rem}.footer-links a:hover{color:var(--text-white)}.footer-bottom{border-top:1px solid var(--border-dark);text-align:center;padding-top:24px}.footer-copyright{color:var(--text-white-muted);font-size:.85rem}.join-page{background:linear-gradient(160deg, var(--bg-dark) 0%, var(--bg-dark-3) 50%, var(--bg-dark-2) 100%);justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex}.join-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-dark);border-radius:var(--radius-xl);text-align:center;background:#ffffff0d;width:100%;max-width:420px;padding:48px 40px}.join-logo{border-radius:var(--radius-lg);width:72px;height:72px;margin:0 auto 24px}.join-title{color:var(--text-white);margin-bottom:8px;font-size:1.6rem;font-weight:800}.join-subtitle{color:var(--text-white-muted);margin-bottom:32px;font-size:1rem}.join-code-box{border-radius:var(--radius-lg);background:#ffffff14;border:2px dashed #fff3;margin-bottom:32px;padding:24px}.join-code-label{color:var(--text-white-muted);margin-bottom:10px;font-size:.85rem}.join-code{letter-spacing:6px;color:var(--accent);font-size:2.2rem;font-weight:900}.join-loading{flex-direction:column;align-items:center;gap:16px;display:flex}.join-spinner{border:4px solid #ffffff1a;border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.join-loading-text{color:var(--text-white-muted);font-size:1rem}.join-fallback{flex-direction:column;gap:16px;display:none}.join-fallback.visible{display:flex}.join-fallback-title{color:var(--text-white);font-size:1.1rem;font-weight:700}.join-fallback-desc{color:var(--text-white-muted);font-size:.9rem;line-height:1.6}.join-store-btns{flex-direction:column;gap:12px;margin-top:8px;display:flex}.btn-join-store{border-radius:var(--radius-md);transition:all var(--transition);justify-content:center;align-items:center;gap:8px;padding:14px 24px;font-size:.95rem;font-weight:600;display:flex}.btn-join-store:hover{transform:translateY(-2px)}.btn-play{color:var(--text-white);background:linear-gradient(135deg,#34a853,#0f9d58)}.btn-appstore{color:var(--text-white);background:linear-gradient(135deg,#007aff,#05c)}@media (width<=1024px){.hero-title{font-size:2.8rem}.hero-image img{max-width:680px}}@media (width<=768px){.nav-links{display:none}.nav-menu-btn{display:block}.hero-inner{text-align:center;grid-template-columns:1fr;gap:40px;padding:40px 0}.hero-content{align-items:center}.hero-subtitle{max-width:100%}.hero-buttons{justify-content:center}.hero-title{font-size:2.4rem}.hero-image img{max-width:560px}.features-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr;gap:40px}.section-title{font-size:2rem}.screenshot-item{flex:0 0 240px}.join-card{padding:36px 24px}.join-code{letter-spacing:4px;font-size:1.8rem}}@media (width<=480px){.hero-title{font-size:2rem}.hero-buttons{flex-direction:column;width:100%}.btn-store{justify-content:center}.hero-image img{max-width:440px}.section-title{font-size:1.7rem}.feature-card{padding:24px}}