.devSection{background:#f9fafc;min-height:80vh;padding:40px 0}.devHeader{text-align:left;margin-bottom:40px}.devTitle{margin-bottom:10px;font-size:2.2rem;font-weight:700}.devSubtitle{color:#6b7a8f;font-size:1.1rem;line-height:1.6}.devCard{background:#fff;border:1px solid #eaeef2;border-radius:16px;margin-bottom:20px;padding:25px;box-shadow:0 10px 30px #0000000d}.devCardHeader{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:15px;display:flex}.methodBadge{color:#fff;letter-spacing:1px;background:#8b5cf6;border-radius:8px;padding:5px 12px;font-size:.8rem;font-weight:700}.methodName{color:#000;font-family:monospace;font-size:1.2rem;font-weight:700}.methodTag{border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.devDesc{color:#6b7a8f;margin-bottom:15px;font-size:.9rem;line-height:1.6}.codeBlock{background:#1e1e1e;border-radius:12px;padding:20px;overflow-x:auto}.codeBlock pre{color:#a3be8c;margin:0;font-family:monospace;font-size:.85rem;line-height:1.5}.connectionCard{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#10b981}.portTable{border-collapse:collapse;width:100%;font-size:.9rem}.portTable th{text-align:left;color:#6b7a8f;text-transform:uppercase;border-bottom:2px solid #eaeef2;padding:10px;font-size:.8rem}.portTable td{border-bottom:1px solid #eaeef2;padding:10px}.portBadge{border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.85rem;font-weight:600}.wasmCard{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b}@media (max-width:768px){.devTitle{font-size:1.8rem}.devCard{padding:15px}.methodName{font-size:1rem}}