.xt-about{--bg: #0a0e1a;--bg-card: #141c2e;--border: rgba(99, 102, 241, .15);--border-hover: rgba(99, 102, 241, .3);--accent: #6366f1;--cyan: #22d3ee;--green: #34d399;--text: #f1f5f9;--text-muted: #c1c8d1;--text-dim: #98a1ae;--font: "Roboto", sans-serif;--cta: #005CC1;--mono: "Roboto Mono", monospace;font-family:var(--font);color:var(--text);padding:80px 24px;max-width:90%;margin:0 auto;position:relative;overflow:hidden}.xt-about:before{content:"";position:absolute;top:10%;left:50%;transform:translate(-50%);width:80%;height:40%;background:radial-gradient(ellipse,rgba(99,102,241,.05) 0%,transparent 70%);pointer-events:none}.xt-about-header{text-align:center;margin-bottom:56px;position:relative;z-index:1}.xt-about-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:12px;color:var(--cyan);background:#22d3ee14;border:1px solid rgba(34,211,238,.2);border-radius:100px;padding:6px 16px;margin-bottom:20px;letter-spacing:.5px}.xt-about-header h1{font-size:48px;font-weight:700;line-height:1.2;margin:0 0 16px}.xt-about-header h1 em{font-style:normal;background:linear-gradient(135deg,var(--accent),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xt-about-header .xt-about-subtitle{font-size:18px;color:var(--text-muted);line-height:1.6;max-width:580px;margin:0 auto}.xt-about-section{margin-bottom:48px;position:relative;z-index:1}.xt-about-section h2{font-size:24px;font-weight:700;margin:0 0 16px;line-height:1.3}.xt-about-section h2 em{font-style:normal;background:linear-gradient(135deg,var(--accent),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xt-about-section p{font-size:15px;color:var(--text-muted);line-height:1.7;margin:0 0 14px}.xt-about-section p:last-child{margin-bottom:0}.xt-about-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.2),transparent);margin:48px 0}.xt-about-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.xt-about-tool{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;transition:all .3s ease;text-decoration:none;color:inherit;display:block}.xt-about-tool:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.xt-about-tool-icon{font-size:24px;margin-bottom:10px}.xt-about-tool h3{font-size:14px;font-weight:700;margin:0 0 4px}.xt-about-tool p{font-size:12px;color:var(--text-dim);margin:0;line-height:1.5}.xt-about-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:24px}.xt-about-stat{text-align:center}.xt-about-stat-value{font-size:24px;font-weight:700;background:linear-gradient(135deg,var(--accent),var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.xt-about-stat-label{font-family:var(--mono);font-size:11px;color:var(--text-dim);letter-spacing:.3px;text-transform:uppercase;margin-top:2px}.xt-about-ecosystem{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:32px;padding:16px 24px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.xt-about-ecosystem img{height:28px;opacity:.8}.xt-about-ecosystem span{font-size:13px;color:var(--text-dim)}.xt-about-cta{text-align:center;margin-top:56px;position:relative;z-index:1}.xt-about-cta p{font-size:15px;color:var(--text-muted);margin:0 0 20px;line-height:1.6}.xt-about-cta-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.xt-about-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s ease}.xt-about-btn.primary{background:var(--cta);color:#fff}.xt-about-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px #005cc14d}.xt-about-btn.secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted)}.xt-about-btn.secondary:hover{border-color:var(--border-hover);color:var(--text)}@media(max-width:768px){.xt-about{padding:60px 16px}.xt-about-header h1{font-size:32px}.xt-about-tools{grid-template-columns:1fr 1fr}.xt-about-stats{gap:24px}}@media(max-width:480px){.xt-about-tools{grid-template-columns:1fr}}