.navbar[data-v-f8ae7820]{position:fixed;top:16px;left:50%;transform:translate(-50%);width:min(92%,1200px);padding:14px 32px;display:flex;justify-content:space-between;align-items:center;z-index:1000;border-radius:20px;background:#0f172abf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border-subtle);transition:all var(--transition-base)}.navbar.scrolled[data-v-f8ae7820]{top:0;width:100%;border-radius:0;background:#0a0e1ae6;border-color:#638af01f;box-shadow:0 4px 30px #0006}.logo[data-v-f8ae7820]{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;letter-spacing:-.5px;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-icon[data-v-f8ae7820]{width:36px;height:36px;border-radius:10px;background:var(--gradient-2);display:flex;align-items:center;justify-content:center;font-size:18px;-webkit-text-fill-color:white;color:#fff}.navbar nav[data-v-f8ae7820]{display:flex;align-items:center;gap:6px}.navbar nav a[data-v-f8ae7820]{padding:8px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);border-radius:10px;transition:all var(--transition-fast);position:relative}.navbar nav a[data-v-f8ae7820]:hover{color:var(--text-primary);background:#ffffff0d}.navbar nav a.nav-cta[data-v-f8ae7820]{margin-left:8px;padding:8px 20px;background:var(--gradient-2);color:#fff;border-radius:12px;font-weight:600}.navbar nav a.nav-cta[data-v-f8ae7820]:hover{transform:translateY(-1px);box-shadow:0 4px 20px #3b82f666}.nav-toggle[data-v-f8ae7820]{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:1001}.nav-toggle span[data-v-f8ae7820]{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition-fast)}@media(max-width:1024px){.navbar[data-v-f8ae7820]{width:96%;padding:12px 20px}.navbar nav[data-v-f8ae7820]{gap:2px}.navbar nav a[data-v-f8ae7820]{padding:6px 12px;font-size:13px}}@media(max-width:768px){.navbar nav[data-v-f8ae7820]{position:fixed;top:0;right:-100%;width:280px;height:100vh;flex-direction:column;background:#0f172afa;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);padding:100px 32px 40px;gap:4px;transition:right var(--transition-base);border-left:1px solid var(--border-subtle)}.navbar nav.open[data-v-f8ae7820]{right:0}.navbar nav a[data-v-f8ae7820]{width:100%;padding:12px 16px;font-size:15px;border-radius:12px}.navbar nav a.nav-cta[data-v-f8ae7820]{margin-left:0;margin-top:12px;text-align:center}.nav-toggle[data-v-f8ae7820]{display:flex}}@media(max-width:480px){.navbar[data-v-f8ae7820]{width:100%;top:0;border-radius:0;padding:12px 16px}}.hero[data-v-e6ac17f5]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0 8%;position:relative;overflow:hidden}.hero-content[data-v-e6ac17f5]{max-width:800px;text-align:center;z-index:2}.hero-badge[data-v-e6ac17f5]{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;background:#638af01a;border:1px solid rgba(99,138,240,.2);color:var(--accent-light);font-size:13px;font-weight:500;margin-bottom:28px}.hero-badge .dot[data-v-e6ac17f5]{width:6px;height:6px;border-radius:50%;background:#22c55e;animation:pulse-dot-e6ac17f5 2s ease-in-out infinite}@keyframes pulse-dot-e6ac17f5{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.7;box-shadow:0 0 0 8px #22c55e00}}.hero h1[data-v-e6ac17f5]{font-size:clamp(48px,8vw,80px);line-height:1.08;font-weight:900;letter-spacing:-2px;margin-bottom:24px}.hero h1 .gradient-text[data-v-e6ac17f5]{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero .desc[data-v-e6ac17f5]{font-size:18px;color:var(--text-secondary);max-width:600px;margin:0 auto 40px;line-height:1.8}.hero-buttons[data-v-e6ac17f5]{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}@media(max-width:768px){.hero[data-v-e6ac17f5]{padding:0 5%;text-align:center}.hero h1[data-v-e6ac17f5]{font-size:40px}.hero .desc[data-v-e6ac17f5]{font-size:16px}.hero-buttons[data-v-e6ac17f5]{flex-direction:column;align-items:center}.hero-buttons .btn[data-v-e6ac17f5]{width:100%;justify-content:center}}@media(max-width:480px){.hero[data-v-e6ac17f5]{padding:0 4%}.hero h1[data-v-e6ac17f5]{font-size:32px}}.about-content[data-v-f15eda4e]{max-width:800px;margin:0 auto;text-align:center}.about-content p[data-v-f15eda4e]{font-size:18px;color:var(--text-secondary);line-height:1.9}.about-stats[data-v-f15eda4e]{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:700px;margin:48px auto 0}.stat-item[data-v-f15eda4e]{text-align:center;padding:24px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition-base)}.stat-item[data-v-f15eda4e]:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-glow)}.stat-number[data-v-f15eda4e]{font-size:36px;font-weight:800;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-bottom:4px}.stat-label[data-v-f15eda4e]{font-size:14px;color:var(--text-muted)}@media(max-width:1024px){.about-stats[data-v-f15eda4e]{grid-template-columns:repeat(3,1fr);gap:16px}}@media(max-width:768px){.about-stats[data-v-f15eda4e]{grid-template-columns:1fr;gap:12px}}.cards[data-v-d1409ff7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1100px;margin:0 auto}.card[data-v-d1409ff7]{padding:36px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all var(--transition-base);position:relative;overflow:hidden}.card[data-v-d1409ff7]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-2);opacity:0;transition:opacity var(--transition-base)}.card[data-v-d1409ff7]:hover:before{opacity:1}.card[data-v-d1409ff7]:hover{transform:translateY(-8px);border-color:var(--border-hover);box-shadow:var(--shadow-lg),var(--shadow-glow)}.card-icon[data-v-d1409ff7]{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px}.card-icon.python[data-v-d1409ff7]{background:#3b82f626;color:#3b82f6}.card-icon.flutter[data-v-d1409ff7]{background:#06b6d426;color:#06b6d4}.card-icon.go[data-v-d1409ff7]{background:#22c55e26;color:#22c55e}.card h3[data-v-d1409ff7]{font-size:22px;font-weight:700;margin-bottom:12px}.card h3 a[data-v-d1409ff7]{transition:color var(--transition-fast)}.card h3 a[data-v-d1409ff7]:hover{color:var(--accent)}.card p[data-v-d1409ff7]{color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:20px}.card-tags[data-v-d1409ff7]{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.tag-pill[data-v-d1409ff7]{padding:4px 12px;border-radius:100px;font-size:12px;font-weight:500;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);color:var(--text-muted)}.card-actions[data-v-d1409ff7]{display:flex;gap:10px;flex-wrap:wrap}.card-actions .btn[data-v-d1409ff7]{padding:10px 18px;font-size:13px;border-radius:10px}@media(max-width:768px){.cards[data-v-d1409ff7]{grid-template-columns:1fr}.card[data-v-d1409ff7]{padding:24px}}.feature-list[data-v-e5f44f90]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1000px;margin:0 auto}.feature-item[data-v-e5f44f90]{padding:32px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-subtle);transition:all var(--transition-base)}.feature-item[data-v-e5f44f90]:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-md)}.feature-icon[data-v-e5f44f90]{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px}.feature-icon.blue[data-v-e5f44f90]{background:#3b82f61f}.feature-icon.purple[data-v-e5f44f90]{background:#8b5cf61f}.feature-icon.cyan[data-v-e5f44f90]{background:#06b6d41f}.feature-item h3[data-v-e5f44f90]{font-size:20px;font-weight:700;margin-bottom:8px}.feature-item p[data-v-e5f44f90]{color:var(--text-secondary);font-size:15px;line-height:1.7}@media(max-width:768px){.feature-list[data-v-e5f44f90]{grid-template-columns:1fr}.feature-item[data-v-e5f44f90]{padding:24px}}.community-content[data-v-a307e1e3]{max-width:700px;margin:0 auto;text-align:center}.community-content p[data-v-a307e1e3]{font-size:18px;color:var(--text-secondary);line-height:1.9;margin-bottom:32px}.community-links[data-v-a307e1e3]{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.footer[data-v-d52a8b19]{padding:48px 8% 32px;border-top:1px solid var(--border-subtle);position:relative}.footer-content[data-v-d52a8b19]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;max-width:1100px;margin:0 auto}.footer-brand[data-v-d52a8b19]{display:flex;align-items:center;gap:12px}.footer-logo-icon[data-v-d52a8b19]{width:32px;height:32px;font-size:14px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--gradient-2);color:#fff}.footer-logo-text[data-v-d52a8b19]{font-weight:700;font-size:16px}.footer-copy[data-v-d52a8b19]{color:var(--text-muted);font-size:14px}.footer-links[data-v-d52a8b19]{display:flex;gap:24px}.footer-links a[data-v-d52a8b19]{color:var(--text-muted);font-size:14px;transition:color var(--transition-fast)}.footer-links a[data-v-d52a8b19]:hover{color:var(--text-primary)}.footer-bottom[data-v-d52a8b19]{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:13px;max-width:1100px;margin-left:auto;margin-right:auto}@media(max-width:768px){.footer-content[data-v-d52a8b19]{flex-direction:column;text-align:center}}:root{--bg-primary: #0a0e1a;--bg-secondary: #111827;--bg-card: rgba(17, 24, 39, .6);--bg-card-hover: rgba(30, 41, 59, .7);--border-subtle: rgba(255, 255, 255, .06);--border-hover: rgba(99, 138, 240, .3);--text-primary: #f1f5f9;--text-secondary: rgba(241, 245, 249, .7);--text-muted: rgba(241, 245, 249, .45);--accent: #638af0;--accent-light: #8babf8;--accent-glow: rgba(99, 138, 240, .25);--gradient-1: linear-gradient(135deg, #638af0 0%, #8b5cf6 50%, #ec4899 100%);--gradient-2: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--gradient-3: linear-gradient(135deg, #06b6d4 0%, #3b82f6 100%);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 8px 32px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .4);--shadow-glow: 0 0 60px rgba(99, 138, 240, .15);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .35s cubic-bezier(.4, 0, .2, 1);--transition-slow: .6s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:inherit;transition:color var(--transition-fast)}img{max-width:100%;display:block}.bg-grid{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;pointer-events:none}.bg-grid:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(99,138,240,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,138,240,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 30%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,black 30%,transparent 70%)}.bg-orb{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;z-index:-2;opacity:.4}.bg-orb--top{width:700px;height:700px;top:-300px;right:-200px;background:radial-gradient(circle,rgba(99,138,240,.3),transparent 70%);animation:orbFloat 12s ease-in-out infinite}.bg-orb--bottom{width:600px;height:600px;bottom:-250px;left:-150px;background:radial-gradient(circle,rgba(139,92,246,.25),transparent 70%);animation:orbFloat 15s ease-in-out infinite reverse}.bg-orb--mid{width:500px;height:500px;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(6,182,212,.15),transparent 70%);animation:orbFloat 18s ease-in-out infinite 3s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(40px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(-30px,-20px) scale(1.02)}}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:14px;font-weight:600;font-size:15px;transition:all var(--transition-base);cursor:pointer;border:none;position:relative;overflow:hidden}.btn-primary{background:var(--gradient-2);color:#fff;box-shadow:0 8px 32px #3b82f64d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #3b82f673}.btn-primary:active{transform:translateY(-1px)}.btn-secondary{border:1px solid rgba(255,255,255,.12);background:#ffffff08;color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{border-color:var(--accent);background:#638af014;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:10px 20px}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0a}.section{padding:140px 8%;position:relative}.section-header{text-align:center;margin-bottom:64px}.section-label{display:inline-block;font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:16px}.section h2{font-size:clamp(32px,5vw,48px);font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:16px}.section-header .section-subtitle{max-width:600px;margin:0 auto;color:var(--text-secondary);font-size:17px;line-height:1.7}.reveal{opacity:0;transform:translateY(30px);transition:all var(--transition-slow)}.reveal.show{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:1024px){.section{padding:100px 5%}}@media(max-width:768px){.section{padding:80px 5%}.section h2{font-size:30px}}@media(max-width:480px){.section{padding:64px 4%}}