.developers-hero{background:linear-gradient(135deg,var(--primary-navy)0%,var(--dark-blue)100%);color:var(--white);text-align:center;margin-top:58px;padding:100px 0 80px}.developers-hero h1{margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.2}.developers-hero p{max-width:800px;color:var(--light-cyan);margin:0 auto;font-size:20px;line-height:1.6}.documentation-section{background:var(--white);padding:80px 0}.docs-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;max-width:1200px;margin:0 auto;display:grid}.doc-card{background:var(--white);border:1px solid #e0e0e0;border-radius:12px;padding:40px;transition:transform .3s,box-shadow .3s;position:relative;box-shadow:0 8px 24px #0000001a}.doc-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #00000026}.doc-card.featured{border:2px solid var(--primary-cyan);background:linear-gradient(135deg,#1eb8d805 0%,#fff 100%)}.doc-card.coming-soon{opacity:.7;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}.doc-icon{justify-content:center;align-items:center;height:80px;margin-bottom:20px;display:flex}.doc-icon img{object-fit:contain;max-width:80px;max-height:80px}.platform-icon{color:#fff;border-radius:12px;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.platform-icon.android{background:linear-gradient(135deg,#3ddc84 0%,#2ab168 100%)}.platform-icon.ios{background:linear-gradient(135deg,#007aff 0%,#0056cc 100%)}.doc-content h3{color:var(--text-dark);margin-bottom:15px;font-size:24px;font-weight:600}.doc-content p{color:var(--text-dark);margin-bottom:20px;font-size:16px;line-height:1.6}.doc-features{flex-wrap:wrap;gap:8px;margin-bottom:25px;display:flex}.feature-tag{background:linear-gradient(135deg,var(--light-cyan)0%,var(--primary-cyan)100%);color:var(--white);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.doc-version{margin-bottom:20px}.version-badge{color:#fff;background:linear-gradient(135deg,#6c757d 0%,#495057 100%);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500}.doc-status{margin-bottom:20px}.status-badge{border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500}.coming-soon-badge{color:#fff;background:linear-gradient(135deg,#ffc107 0%,#ff8c00 100%)}.doc-card .btn{align-items:center;gap:8px;text-decoration:none;transition:all .3s;display:inline-flex}.doc-card .btn svg{transition:transform .3s}.doc-card .btn:hover svg{transform:translate(2px)}.btn-disabled{color:#6c757d;cursor:not-allowed;background:#e9ecef;border:1px solid #dee2e6}.btn-disabled:hover{background:#e9ecef;transform:none}.getting-started-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 0}.getting-started-section h2{text-align:center;color:var(--text-dark);margin-bottom:50px;font-size:36px}.steps-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;max-width:1000px;margin:0 auto;display:grid}.step-item{text-align:center;background:var(--white);border-radius:12px;padding:30px 20px;transition:transform .3s;box-shadow:0 4px 12px #00000014}.step-item:hover{transform:translateY(-3px)}.step-number{background:linear-gradient(135deg,var(--primary-cyan)0%,var(--dark-blue)100%);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 20px;font-size:24px;font-weight:700;display:flex}.step-item h3{color:var(--text-dark);margin-bottom:15px;font-size:20px}.step-item p{color:var(--text-dark);font-size:14px;line-height:1.6}.support-section{background:linear-gradient(135deg,var(--primary-navy)0%,var(--dark-blue)100%);text-align:center;color:var(--white);padding:80px 0}.support-content h2{color:#fff;margin-bottom:20px;font-size:36px}.support-content p{color:#fff;max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:18px}.support-actions{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}@media (max-width:900px){.developers-hero{padding:80px 0 60px}.developers-hero h1{font-size:40px}.developers-hero p{padding:0 20px;font-size:18px}.documentation-section{padding:60px 0}.docs-grid{grid-template-columns:1fr;gap:30px}.doc-card{padding:35px 25px}.getting-started-section{padding:60px 0}.getting-started-section h2{margin-bottom:40px;font-size:32px}.steps-grid{grid-template-columns:1fr;gap:30px}.support-section{padding:60px 0}.support-content h2{font-size:32px}.support-content p{padding:0 20px;font-size:16px}.support-actions{flex-direction:column;align-items:center}.support-actions .btn{justify-content:center;width:100%;max-width:300px}}@media (max-width:768px){.developers-hero{padding:70px 0 50px}.developers-hero h1{font-size:32px}.developers-hero p{padding:0 15px;font-size:16px}.documentation-section{padding:50px 0}.doc-card{padding:30px 20px}.doc-content h3{font-size:22px}.doc-content p{font-size:15px}.feature-tag{font-size:11px}.getting-started-section{padding:50px 0}.getting-started-section h2{font-size:28px}.step-number{width:50px;height:50px;font-size:20px}.step-item h3{font-size:18px}.step-item p{font-size:13px}.support-section{padding:50px 0}.support-content h2{font-size:28px}.support-content p{margin-bottom:30px;font-size:15px}}@media (max-width:480px){.developers-hero{padding:60px 0 40px}.developers-hero h1{font-size:26px}.developers-hero p{padding:0 10px;font-size:14px}.documentation-section{padding:40px 0}.doc-card{padding:25px 15px}.doc-icon{height:60px;margin-bottom:15px}.doc-icon img{max-width:60px;max-height:60px}.platform-icon{width:50px;height:50px}.doc-content h3{margin-bottom:12px;font-size:20px}.doc-content p{margin-bottom:15px;font-size:14px}.doc-features{gap:6px;margin-bottom:20px}.feature-tag{padding:3px 10px;font-size:10px}.version-badge,.status-badge{padding:5px 10px;font-size:11px}.doc-card .btn{justify-content:center;width:100%;padding:10px 16px;font-size:14px}.getting-started-section{padding:40px 0}.getting-started-section h2{margin-bottom:30px;font-size:24px}.steps-grid{gap:20px}.step-item{padding:25px 15px}.step-number{width:45px;height:45px;margin-bottom:15px;font-size:18px}.step-item h3{margin-bottom:10px;font-size:17px}.step-item p{font-size:12px}.support-section{padding:40px 0}.support-content h2{margin-bottom:15px;font-size:24px}.support-content p{margin-bottom:25px;padding:0 10px;font-size:14px}.support-actions{gap:15px}.support-actions .btn{padding:12px 24px;font-size:14px}}