.developers-hero{padding:var(--space-32) 0 var(--space-20);background:linear-gradient(135deg,var(--gray-900) 0%,var(--gray-800) 100%);color:#fff;position:relative;overflow:hidden}.developers-hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top right,rgba(59,130,246,.3) 0%,transparent 70%);pointer-events:none}.hero-content{max-width:1000px;margin:0 auto;text-align:center;position:relative;z-index:1}.hero-title{font-size:var(--font-size-5xl);font-weight:900;line-height:1.1;margin-bottom:var(--space-6);letter-spacing:-.025em}.hero-description{font-size:var(--font-size-xl);line-height:1.7;margin-bottom:var(--space-8);opacity:.9}.hero-buttons{display:flex;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-12)}.code-preview{background:var(--gray-800);border-radius:var(--rounded-2xl);border:1px solid var(--gray-700);overflow:hidden;box-shadow:var(--shadow-xl);max-width:800px;margin:0 auto;text-align:left}.code-header{background:var(--gray-700);padding:var(--space-4);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--gray-600)}.code-tabs{display:flex;gap:var(--space-4)}.tab{padding:var(--space-2) var(--space-4);background:transparent;color:var(--gray-400);border-radius:var(--rounded);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:var(--transition-fast)}.tab.active{background:var(--primary-600);color:#fff}.copy-btn{background:var(--gray-600);color:#fff;border:none;padding:var(--space-2) var(--space-3);border-radius:var(--rounded);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast)}.copy-btn:hover{background:var(--gray-500)}.code-content{padding:var(--space-6);overflow-x:auto}.code-content pre{margin:0;font-family:Fira Code,Monaco,Cascadia Code,monospace;font-size:var(--font-size-sm);line-height:1.6}.code-content code{color:var(--gray-200)}.quick-start{padding:var(--space-24) 0;background:#fff}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.step-card{text-align:center;position:relative}.step-card:after{content:"";position:absolute;top:40px;right:-40px;width:80px;height:2px;background:var(--gray-200);z-index:1}.step-card:last-child:after{display:none}.step-number{width:80px;height:80px;background:var(--primary-600);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:800;margin:0 auto var(--space-6);position:relative;z-index:2;box-shadow:var(--shadow)}.step-card h3{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-4)}.step-card p{color:var(--gray-600);line-height:1.6;margin-bottom:var(--space-6)}.code-snippet{background:var(--gray-900);color:var(--gray-200);padding:var(--space-4);border-radius:var(--rounded-lg);font-family:Fira Code,Monaco,Cascadia Code,monospace;font-size:var(--font-size-sm);border:1px solid var(--gray-700)}.tools-sdks{padding:var(--space-24) 0;background:var(--gray-50)}.tools-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.tool-card{background:#fff;border-radius:var(--rounded-2xl);padding:var(--space-8);box-shadow:var(--shadow);border:1px solid var(--gray-200);transition:var(--transition);position:relative;overflow:hidden}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-500),var(--primary-600));transform:scaleX(0);transition:var(--transition)}.tool-card:hover:before{transform:scaleX(1)}.tool-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.tool-icon{width:64px;height:64px;background:var(--primary-100);border-radius:var(--rounded-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);color:var(--primary-600)}.tool-card h3{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-4)}.tool-card p{color:var(--gray-600);line-height:1.6;margin-bottom:var(--space-6)}.tool-features{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.tool-features span{font-size:var(--font-size-xs);font-weight:600;color:var(--primary-600);background:var(--primary-50);padding:var(--space-1) var(--space-2);border-radius:var(--rounded-3xl);border:1px solid var(--primary-200)}.tool-link{display:inline-flex;align-items:center;color:var(--primary-600);font-weight:600;text-decoration:none;transition:var(--transition-fast)}.tool-link:hover{color:var(--primary-700);transform:translate(4px)}.tool-link:after{content:"→";margin-left:var(--space-2);transition:var(--transition-fast)}.documentation{padding:var(--space-24) 0;background:#fff}.docs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-12)}.doc-category{background:var(--gray-50);border-radius:var(--rounded-2xl);padding:var(--space-8);border:1px solid var(--gray-200)}.doc-category h3{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--primary-200)}.doc-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.doc-list a{color:var(--gray-700);text-decoration:none;padding:var(--space-3);border-radius:var(--rounded-lg);transition:var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.doc-list a:hover{background:#fff;color:var(--primary-600);transform:translate(4px)}.doc-list a:before{content:"📄";font-size:var(--font-size-sm)}.community{padding:var(--space-24) 0;background:var(--gray-50)}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.community-card{background:#fff;border-radius:var(--rounded-2xl);padding:var(--space-8);text-align:center;box-shadow:var(--shadow);border:1px solid var(--gray-200);transition:var(--transition)}.community-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.community-icon{width:80px;height:80px;border-radius:var(--rounded-2xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);transition:var(--transition)}.community-icon.discord{background:#5865f2;color:#fff}.community-icon.github{background:var(--gray-900);color:#fff}.community-icon.forum{background:var(--success-500);color:#fff}.community-card h3{font-size:var(--font-size-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--space-4)}.community-card p{color:var(--gray-600);line-height:1.6;margin-bottom:var(--space-6)}.community-stats{margin-bottom:var(--space-6)}.community-stats span{font-size:var(--font-size-sm);font-weight:600;color:var(--primary-600);background:var(--primary-50);padding:var(--space-2) var(--space-3);border-radius:var(--rounded-3xl);border:1px solid var(--primary-200)}.community-link{display:inline-flex;align-items:center;padding:var(--space-3) var(--space-6);background:var(--gray-900);color:#fff;text-decoration:none;border-radius:var(--rounded-lg);font-weight:600;transition:var(--transition-fast)}.community-link:hover{background:var(--primary-600);transform:translateY(-2px)}.cta{padding:var(--space-24) 0;background:linear-gradient(135deg,var(--primary-600),var(--primary-800));color:#fff;text-align:center}.cta-title{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--space-4)}.cta-description{font-size:var(--font-size-xl);margin-bottom:var(--space-8);opacity:.9}.cta-buttons{display:flex;gap:var(--space-4);justify-content:center}.cta-buttons .btn-secondary{background:#ffffff1a;color:#fff;border-color:#ffffff4d}.cta-buttons .btn-secondary:hover{background:#fff3}@media (max-width: 1024px){.steps-grid{grid-template-columns:1fr;gap:var(--space-12)}.step-card:after{display:none}.tools-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.docs-grid{grid-template-columns:1fr;gap:var(--space-8)}.community-grid{grid-template-columns:1fr;gap:var(--space-6)}}@media (max-width: 768px){.developers-hero{padding:var(--space-24) 0 var(--space-16)}.hero-title{font-size:var(--font-size-3xl)}.hero-description{font-size:var(--font-size-lg)}.hero-buttons{flex-direction:column;align-items:center}.code-preview{margin:0 var(--space-4)}.tools-grid{grid-template-columns:1fr}.tool-features{flex-direction:column;gap:var(--space-2)}.cta-buttons{flex-direction:column;align-items:center}}@media (max-width: 640px){.hero-title{font-size:var(--font-size-2xl)}.code-header{flex-direction:column;gap:var(--space-3);align-items:flex-start}.cta-title{font-size:var(--font-size-2xl)}}