.dev-hero{padding:160px 0 40px;background:linear-gradient(165deg,#f0f7ff 0%,#ffffff 70%);text-align:center;}.dev-hero h1{font-size:3.5rem;font-weight:900;margin:16px 0;}.dev-hero h1 .gradient{background:linear-gradient(145deg,#1d4ed8,#00b4aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}.dev-hero p{font-size:1.2rem;color:#475569;max-width:650px;margin:0 auto;}.api-layout{display:grid;grid-template-columns:280px 1fr;gap:40px;padding:40px 0 80px;}.api-sidebar{background:white;border-radius:20px;padding:24px;box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;position:sticky;top:100px;height:fit-content;max-height:80vh;overflow-y:auto;}.api-sidebar h4{font-weight:700;margin:16px 0 8px;color:#0b1a33;}.api-sidebar a{display:block;padding:6px 12px;color:#475569;text-decoration:none;border-radius:8px;transition:var(--transition);font-size:0.9rem;}.api-sidebar a:hover{background:#f1f5f9;color:#1d4ed8;}.api-sidebar a.active{background:#dbeafe;color:#1d4ed8;font-weight:600;}.api-content{background:white;border-radius:20px;padding:40px;box-shadow:var(--shadow-sm);border:1px solid #e2e8f0;}.api-content .endpoint{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e2e8f0;}.api-content .endpoint:last-child{border-bottom:none;}.api-content .endpoint .method{display:inline-block;padding:4px 14px;border-radius:30px;font-weight:700;font-size:0.8rem;text-transform:uppercase;margin-right:12px;}.api-content .endpoint .method.get{background:#dbeafe;color:#1d4ed8;}.api-content .endpoint .method.post{background:#d1fae5;color:#059669;}.api-content .endpoint .method.put{background:#fef3c7;color:#d97706;}.api-content .endpoint .method.delete{background:#fef2f2;color:#dc2626;}.api-content .endpoint .path{font-family:'Courier New',monospace;font-weight:600;font-size:1rem;color:#0b1a33;}.api-content .endpoint .description{color:#475569;margin:8px 0 12px;font-size:0.95rem;}.api-content .endpoint .code-block{background:#0b1a33;color:#e2e8f0;padding:16px 20px;border-radius:12px;font-family:'Courier New',monospace;font-size:0.85rem;overflow-x:auto;margin-top:8px;white-space:pre-wrap;word-break:break-word;}.api-content .endpoint .code-block .comment{color:#94a3b8;}.api-content .endpoint .code-block .string{color:#a5b4fc;}.api-content .endpoint .code-block .key{color:#fcd34d;}@media (max-width:1024px){.api-layout{grid-template-columns:1fr;}.api-sidebar{position:relative;top:0;max-height:none;}}@media (max-width:768px){.dev-hero h1{font-size:2.4rem;}.api-content{padding:24px 20px;}}