.dev-hero{padding:160px 0 60px;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;}.quick-start{padding:40px 0;background:white;border-bottom:1px solid rgba(0,0,0,0.04);}.quick-start .code-block{background:#0b1a33;color:#e2e8f0;padding:24px;border-radius:16px;font-family:'Courier New',monospace;font-size:0.9rem;overflow-x:auto;margin-top:16px;position:relative;}.quick-start .code-block .comment{color:#94a3b8;}.quick-start .code-block .string{color:#a5b4fc;}.quick-start .code-block .keyword{color:#34d399;}.quick-start .code-block .variable{color:#fcd34d;}.quick-start .copy-btn{position:absolute;top:12px;right:16px;background:rgba(255,255,255,0.1);border:none;color:#94a3b8;padding:6px 12px;border-radius:8px;cursor:pointer;font-size:0.8rem;transition:var(--transition);}.quick-start .copy-btn:hover{background:rgba(255,255,255,0.2);color:white;}.dev-grid{padding:60px 0;background:#f8fafc;}.dev-grid .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px;}.dev-card{background:white;padding:32px 28px;border-radius:24px;box-shadow:var(--shadow-sm);transition:var(--transition);border:1px solid rgba(0,0,0,0.02);text-decoration:none;color:#0b1a33;display:block;}.dev-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-md);border-color:#1d4ed8;}.dev-card .icon{font-size:2.5rem;color:#1d4ed8;margin-bottom:16px;display:block;}.dev-card h4{font-size:1.2rem;font-weight:700;margin-bottom:8px;}.dev-card p{color:#64748b;font-size:0.95rem;line-height:1.6;}.dev-card .arrow{color:#1d4ed8;font-weight:600;margin-top:12px;display:inline-block;}.sdks-section{padding:60px 0;background:white;}.sdks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:30px;}.sdk-card{background:#f8fafc;padding:24px 20px;border-radius:16px;text-align:center;border:1px solid #e2e8f0;transition:var(--transition);}.sdk-card:hover{transform:translateY(-4px);border-color:#1d4ed8;box-shadow:var(--shadow-sm);}.sdk-card .icon{font-size:2.5rem;margin-bottom:8px;display:block;}.sdk-card .icon.java{color:#007396;}.sdk-card .icon.node{color:#339933;}.sdk-card .icon.php{color:#777BB4;}.sdk-card .icon.python{color:#3776AB;}.sdk-card h5{font-size:1rem;font-weight:700;margin-bottom:4px;}.sdk-card p{color:#64748b;font-size:0.85rem;}.sdk-card .version{font-size:0.75rem;color:#94a3b8;background:#f1f5f9;padding:2px 10px;border-radius:30px;display:inline-block;margin-top:8px;}.api-tester-section{padding:60px 0;background:#f8fafc;}.api-tester{background:white;border-radius:24px;padding:40px;box-shadow:var(--shadow-sm);max-width:800px;margin:0 auto;}.api-tester .row{display:flex;gap:16px;margin-bottom:16px;flex-wrap:wrap;}.api-tester .row > *{flex:1;min-width:150px;}.api-tester select,.api-tester input,.api-tester textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:12px;font-family:'Inter',sans-serif;font-size:0.95rem;transition:var(--transition);background:#fafcff;}.api-tester select:focus,.api-tester input:focus,.api-tester textarea:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 4px rgba(29,78,216,0.08);}.api-tester textarea{min-height:100px;resize:vertical;}.api-tester .btn-test{background:#0b1a33;color:white;border:none;padding:14px 32px;border-radius:12px;font-weight:700;cursor:pointer;transition:var(--transition);font-family:'Inter',sans-serif;font-size:1rem;}.api-tester .btn-test:hover{background:#1d4ed8;transform:translateY(-2px);}.api-tester .response-box{background:#0b1a33;color:#a5b4fc;padding:20px 24px;border-radius:12px;font-family:'Courier New',monospace;font-size:0.85rem;margin-top:16px;min-height:80px;overflow-x:auto;white-space:pre-wrap;word-break:break-word;}@media (max-width:768px){.dev-hero h1{font-size:2.4rem;}.api-tester{padding:24px 20px;}.api-tester .row{flex-direction:column;}}