.api-docs-container{background:#f8f9fa;min-height:100vh}.docs-nav{z-index:100;background:#fff;border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.nav-home{color:#667eea;background:#f8f9fa;border-radius:8px;padding:8px 20px;font-weight:600;text-decoration:none;transition:all .3s}.nav-home:hover{background:#e9ecef}.nav-logo{color:#333;font-size:1.2em;font-weight:700}.docs-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:80px 40px}.hero-content{max-width:900px;margin:0 auto}.hero-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:8px 20px;font-size:.9em;font-weight:600;display:inline-flex}.docs-hero h1{margin-bottom:20px;font-size:3em;font-weight:700}.docs-hero p{opacity:.95;margin-bottom:40px;font-size:1.3em}.hero-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;margin-top:50px;display:grid}.stat{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;align-items:center;gap:15px;padding:20px;display:flex}.stat-value{font-size:1.4em;font-weight:700}.stat-label{opacity:.9;font-size:.9em}.docs-content{max-width:1200px;margin:0 auto;padding:60px 40px}.docs-section{margin-bottom:80px}.docs-section h2{color:#333;margin-bottom:30px;font-size:2.2em;font-weight:700}.step-card{background:#fff;border-radius:15px;gap:25px;margin-bottom:20px;padding:30px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.step-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.step-number{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5em;font-weight:700;display:flex}.step-content h3{color:#333;margin-bottom:10px;font-size:1.4em}.step-content p{color:#666;margin-bottom:15px}.btn-link{color:#667eea;align-items:center;gap:5px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-link:hover{gap:10px}.code-tabs{flex-wrap:wrap;gap:10px;display:flex}.code-block{color:#667eea;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:12px 20px;font-family:monospace;font-size:.95em}.example-card{background:#1e1e1e;border-radius:12px;margin-bottom:20px;overflow:hidden;box-shadow:0 4px 15px #0003}.example-header{background:#2d2d2d;border-bottom:1px solid #3d3d3d;justify-content:space-between;align-items:center;padding:20px 25px;display:flex}.example-header h3{color:#fff;margin:0;font-size:1.1em}.copy-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 16px;font-size:.9em;font-weight:600;transition:all .3s;display:flex}.copy-btn:hover{background:#5568d3}.example-card pre{margin:0;padding:25px;overflow-x:auto}.example-card code{color:#d4d4d4;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;line-height:1.6}.endpoint-card{background:#fff;border-radius:12px;align-items:center;gap:20px;margin-bottom:15px;padding:20px 25px;transition:all .3s;display:flex;box-shadow:0 2px 8px #0000000d}.endpoint-card:hover{box-shadow:0 4px 15px #0000001a}.endpoint-method{letter-spacing:.5px;border-radius:6px;flex-shrink:0;padding:6px 14px;font-size:.85em;font-weight:700}.endpoint-method.post{color:#155724;background:#d4edda}.endpoint-method.get{color:#0c5460;background:#d1ecf1}.endpoint-info h3{color:#333;margin-bottom:5px;font-family:monospace;font-size:1.1em}.endpoint-info p{color:#666;margin:0;font-size:.95em}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;display:grid}.feature-card{background:#fff;border-radius:15px;padding:30px;transition:all .3s;box-shadow:0 2px 8px #0000000d}.feature-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.feature-icon{margin-bottom:15px;font-size:3em}.feature-card h3{color:#333;margin-bottom:10px;font-size:1.3em}.feature-card p{color:#666;line-height:1.6}.resources-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;display:grid}.resource-card{color:inherit;text-align:center;background:#fff;border-radius:15px;padding:35px;text-decoration:none;transition:all .3s;box-shadow:0 2px 8px #0000000d}.resource-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000001a}.resource-card svg{color:#667eea;margin-bottom:20px}.resource-card h3{color:#333;margin-bottom:10px;font-size:1.3em}.resource-card p{color:#666;line-height:1.6}.docs-cta{color:#fff;text-align:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;margin-top:80px;padding:60px}.docs-cta h2{color:#fff;margin-bottom:15px;font-size:2.5em}.docs-cta p{opacity:.95;margin-bottom:35px;font-size:1.2em}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.btn-primary,.btn-secondary{border-radius:10px;padding:15px 35px;font-size:1.1em;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{color:#667eea;background:#fff;box-shadow:0 4px 15px #0003}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #0000004d}.btn-secondary{color:#fff;background:0 0;border:2px solid #fff}.btn-secondary:hover{color:#667eea;background:#fff}.docs-footer{color:#fff;text-align:center;background:#2d3748;margin-top:80px;padding:40px}.footer-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;margin-top:15px;display:flex}.footer-links a{color:#fff;opacity:.8;text-decoration:none;transition:opacity .3s}.footer-links a:hover{opacity:1}@media (max-width:768px){.docs-nav{padding:15px 20px}.nav-logo{font-size:1em}.docs-hero{padding:60px 20px}.docs-hero h1{font-size:2em}.docs-hero p{font-size:1.1em}.hero-stats{grid-template-columns:1fr}.docs-content{padding:40px 20px}.docs-section h2{font-size:1.8em}.step-card{text-align:center;flex-direction:column}.endpoint-card{flex-direction:column;align-items:flex-start}.features-grid,.resources-grid{grid-template-columns:1fr}.docs-cta{padding:40px 20px}.docs-cta h2{font-size:2em}.cta-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}