body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;background:#070d1f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;line-height:1.6;overflow-x:hidden}#root{width:100%;min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0d1b3e}::-webkit-scrollbar-thumb{background:#1677ff;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4096ff}::selection{color:#fff;background:#1677ff4d}:root{--primary-color:#1677ff;--primary-gradient:linear-gradient(135deg, #1677ff 0%, #722ed1 100%);--bg-dark:#0d1b3e;--bg-darker:#070d1f;--text-light:#fff;--text-muted:#ffffffa6}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-darker);color:var(--text-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.layout{background:0 0;min-height:100vh}.logo{align-items:center;gap:8px;display:flex}.logo-icon{font-size:28px}.logo-text{background:linear-gradient(135deg,#1677ff 0%,#722ed1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.hero-section{justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(at top,#1a365d 0%,#0d1b3e 50%,#070d1f 100%);position:absolute;inset:0}.gradient-orb{filter:blur(80px);opacity:.4;border-radius:50%;position:absolute}.orb-1{background:#1677ff;width:600px;height:600px;animation:20s ease-in-out infinite float;top:-200px;right:-100px}.orb-2{background:#722ed1;width:400px;height:400px;animation:25s ease-in-out infinite reverse float;bottom:-100px;left:-100px}.orb-3{opacity:.2;background:#13c2c2;width:300px;height:300px;animation:15s ease-in-out infinite pulse;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes float{0%,to{transform:translate(0)rotate(0)}33%{transform:translate(30px,-30px)rotate(120deg)}66%{transform:translate(-20px,20px)rotate(240deg)}}@keyframes pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.2)}}.hero-content{z-index:1;text-align:center;max-width:900px;position:relative}.hero-title{color:var(--text-light)!important;margin-bottom:24px!important;font-size:clamp(36px,6vw,64px)!important;font-weight:800!important;line-height:1.2!important}.hero-title .highlight{background:linear-gradient(135deg,#1677ff 0%,#722ed1 50%,#13c2c2 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-muted)!important;margin-bottom:40px!important;font-size:clamp(16px,2vw,20px)!important;line-height:1.8!important}.hero-buttons{margin-bottom:60px}.platforms-section{margin-top:40px}.platforms-list{flex-wrap:wrap;justify-content:center;gap:32px;margin-top:16px;display:flex}.platform-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;transition:all .3s;display:flex}.platform-item:hover{background:#ffffff1a;transform:translateY(-2px)}.platform-icon{font-size:20px}.platform-name{color:var(--text-light);font-weight:600}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:64px}.section-title{color:var(--text-light)!important;margin-top:16px!important;margin-bottom:16px!important;font-size:clamp(28px,4vw,40px)!important;font-weight:700!important}.section-title .highlight{background:linear-gradient(135deg,#1677ff 0%,#722ed1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-desc{color:var(--text-muted)!important;font-size:18px!important}.features-section{background:linear-gradient(180deg, var(--bg-darker) 0%, var(--bg-dark) 100%);padding:100px 0}.feature-card{text-align:center;height:100%;transition:all .3s;background:#ffffff08!important;border:1px solid #ffffff0f!important;border-radius:16px!important;padding:32px 24px!important}.feature-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000004d;background:#ffffff0f!important;border-color:#1677ff4d!important}.feature-icon-wrapper{color:#1677ff;background:linear-gradient(135deg,#1677ff33 0%,#722ed133 100%);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:28px;display:flex}.feature-title{color:var(--text-light)!important;margin-bottom:12px!important;font-size:20px!important}.feature-desc{color:var(--text-muted)!important;margin-bottom:0!important;font-size:15px!important;line-height:1.7!important}.highlights-section{background:var(--bg-dark);padding:100px 0}.highlight-content{max-width:500px}.highlight-list{padding:0;list-style:none}.highlight-list li{color:var(--text-light);align-items:center;gap:12px;padding:12px 0;font-size:16px;display:flex}.check-icon{color:#52c41a;font-size:20px}.highlight-visual{justify-content:center;align-items:center;display:flex}.visual-card{background:#0006;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:420px;padding:24px;font-family:Monaco,Menlo,monospace}.card-header{border-bottom:1px solid #ffffff1a;gap:8px;margin-bottom:16px;padding-bottom:16px;display:flex}.dot{border-radius:50%;width:12px;height:12px}.dot.red{background:#ff5f56}.dot.yellow{background:#ffbd2e}.dot.green{background:#27c93f}.card-content{font-size:14px;line-height:1.8}.code-line{color:var(--text-light)}.code-line.indent{padding-left:24px}.code-keyword{color:#ff79c6}.code-func{color:#8be9fd}.code-bracket{color:#f8f8f2}.code-prop{color:#50fa7b}.code-string{color:#f1fa8c}.code-comment{color:#6272a4}.code-line.success{margin-top:8px}.pricing-section{background:linear-gradient(180deg, var(--bg-dark) 0%, var(--bg-darker) 100%);padding:100px 0}.pricing-card{text-align:center;height:100%;transition:all .3s;position:relative;background:#ffffff08!important;border:1px solid #ffffff0f!important;border-radius:20px!important;padding:32px!important}.pricing-card:hover{transform:translateY(-4px)}.pricing-card.recommended{transform:scale(1.05);background:#1677ff14!important;border-color:#1677ff4d!important}.pricing-card.recommended:hover{transform:scale(1.05)translateY(-4px)}.recommended-badge{color:#fff;background:linear-gradient(135deg,#1677ff 0%,#722ed1 100%);border-radius:12px;padding:4px 16px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-title{color:var(--text-light)!important;margin-bottom:16px!important}.pricing-price{margin-bottom:8px}.pricing-price .currency{color:var(--text-muted);vertical-align:top;font-size:24px}.pricing-price .amount{color:var(--text-light);font-size:48px;font-weight:700;line-height:1}.pricing-price .period{color:var(--text-muted);font-size:16px}.pricing-features{text-align:left;padding:0;list-style:none}.pricing-features li{color:var(--text-muted);align-items:center;gap:10px;padding:10px 0;font-size:14px;display:flex}.feature-check{color:#52c41a;flex-shrink:0}.cta-section{background:var(--bg-darker);text-align:center;padding:100px 24px}.cta-title{color:var(--text-light)!important;margin-bottom:16px!important;font-size:clamp(24px,4vw,36px)!important}.cta-desc{color:var(--text-muted)!important;margin-bottom:32px!important;font-size:18px!important}.footer{background:linear-gradient(#050914 0%,#020408 100%)!important;padding:64px 24px 32px!important}.footer-content{max-width:1200px;margin:0 auto}.footer-logo{background:linear-gradient(135deg,#1677ff 0%,#722ed1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.footer h4{color:var(--text-light);margin-bottom:16px;font-size:16px;font-weight:600}.footer ul{margin:0;padding:0;list-style:none}.footer li{color:#fff9;cursor:pointer;padding:8px 0;font-size:14px;transition:color .3s}.footer li:hover{color:var(--primary-color)}.footer a{color:inherit;text-decoration:none}.footer-bottom{text-align:center}@media (width<=768px){.hero-section{padding:100px 20px 60px}.platforms-list{gap:12px}.platform-item{padding:8px 14px}.section-container{padding:0 16px}.pricing-card.recommended{transform:none}.pricing-card.recommended:hover{transform:translateY(-4px)}.features-section,.highlights-section,.pricing-section{padding:60px 0}}.ant-layout{background:0 0}.ant-menu-dark{background:0 0!important}.ant-menu-dark .ant-menu-item{color:#ffffffb3!important}.ant-menu-dark .ant-menu-item:hover{color:#fff!important;background:#ffffff1a!important}.ant-divider{border-color:#ffffff1a}
