*{box-sizing:border-box}body{margin:0;background:#07101d;color:#e9f1fb;font-family:Inter,ui-sans-serif,system-ui,sans-serif}a{color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 20px}.nav{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #10263a}.brand{font-weight:900;font-size:22px;text-decoration:none}.brand i,.nav a:hover,footer span{color:#5eead4;font-style:normal}.navlinks{display:flex;gap:22px;color:#91a6ba;font-size:14px}.navlinks a{text-decoration:none}.menu{display:none}.hero{text-align:center;padding:76px 0 44px}.badge,.eyebrow{display:inline-block;border:1px solid #17334a;border-radius:99px;padding:7px 12px;color:#86a6c0;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.hero h1,.page-head h1,.detail-head h1{font-size:clamp(40px,7vw,72px);margin:18px 0 10px;letter-spacing:-3px}.hero p,.page-head p,.detail-head p{max-width:690px;margin:auto;color:#91a6ba;font-size:17px;line-height:1.6}.search{margin:30px auto 0;display:flex;max-width:790px;gap:8px}.search input{flex:1}.search select{width:170px}input,select,textarea,button{font:inherit;background:#0c1928;color:#dbeafe;border:1px solid #20394e;border-radius:10px;padding:12px}button{cursor:pointer}button:hover,.primary:hover{border-color:#5eead4}.catalog{padding:8px 0 70px}.filters{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin:20px 0}.stats{display:flex;gap:12px;color:#86a6c0;margin:14px 0}.stats strong{color:#e9f1fb}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card,.panel,.category-card,.metric{background:#0b1725;border:1px solid #162d42;border-radius:16px}.card{padding:18px;min-height:250px;display:flex;flex-direction:column}.top{display:flex;justify-content:space-between}.card h3{margin:0 0 5px}.cat{font-size:12px;color:#5eead4;text-decoration:none}.card p{color:#91a6ba;line-height:1.5;min-height:67px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{font-size:11px;background:#112235;border-radius:7px;padding:5px 7px;color:#a8bfd4}.dot{width:9px;height:9px;border-radius:50%;background:#64748b;margin-top:7px}.dot.on{background:#34d399}.dot.off{background:#fb7185}.details{margin-top:auto;background:#15324a;border-radius:9px;padding:10px;text-align:center;text-decoration:none}.empty{text-align:center;padding:50px;color:#91a6ba}.page-head{padding:70px 0 35px}.page-head h1,.detail-head h1{font-size:clamp(36px,6vw,58px)}.page-head p,.detail-head p{margin:0}.detail-head{padding:42px 0 26px}.back{color:#86a6c0;text-decoration:none}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.detail-actions a,.detail-actions button,.tester-link{background:#15324a;border:1px solid #20394e;padding:10px 14px;border-radius:9px;text-decoration:none}.detail-actions .primary,.primary{background:#0e766d;border-color:#2dd4bf}.detail-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;padding-bottom:70px}.panel{padding:22px}.panel h2{margin-top:0}.detailgrid{display:grid;grid-template-columns:145px 1fr;gap:13px}.detailgrid b{color:#86a6c0;font-size:13px}.detailgrid span{overflow-wrap:anywhere}.copyline{display:flex;gap:8px}.copyline code{flex:1}.copyline code,pre{display:block;overflow:auto;background:#07101d;padding:12px;border-radius:9px;color:#a8bfd4}.notice{padding:13px;background:#0e2133;border-left:3px solid #5eead4;color:#9bb2c6;line-height:1.5;font-size:13px}.tester{display:flex;flex-direction:column;gap:16px;margin-bottom:70px}.requestline{display:flex;gap:8px}.requestline input{flex:1}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:flex;flex-direction:column;gap:7px;color:#c6d6e5;font-size:14px}small{color:#7891a8}textarea{min-height:100px;resize:vertical}.response-meta{display:flex;justify-content:space-between;border-bottom:1px solid #20394e;padding:12px 0;color:#5eead4}.result{max-height:480px;white-space:pre-wrap}.error{color:#fb7185}.category-grid,.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:70px}.category-card{padding:20px;text-decoration:none;display:flex;flex-direction:column;gap:12px}.category-card span{color:#86a6c0;font-size:13px}.metric{padding:24px;display:flex;flex-direction:column;gap:8px}.metric strong{font-size:38px;color:#5eead4}.metric span{color:#91a6ba}.form{max-width:760px;display:grid;gap:14px;margin-bottom:70px}.form input,.form textarea{width:100%}footer{border-top:1px solid #10263a;padding:30px 0 45px;color:#7891a8;font-size:13px}footer strong{color:#e9f1fb;font-size:18px}footer div{display:flex;gap:18px}footer a{color:#86a6c0}#toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;background:#dbeafe;color:#07101d;padding:11px 16px;border-radius:9px;transition:.2s;pointer-events:none}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:800px){.navlinks{display:none;position:absolute;top:70px;left:0;right:0;background:#0b1725;padding:16px 20px;flex-direction:column;z-index:3}.navlinks.open{display:flex}.menu{display:block}.hero{padding-top:48px}.hero h1{letter-spacing:-2px}.search,.requestline{flex-direction:column}.search select{width:auto}.filters{grid-template-columns:repeat(2,1fr)}.grid,.detail-layout,.two{grid-template-columns:1fr}.category-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.detailgrid{grid-template-columns:1fr;gap:5px}.detailgrid span{margin-bottom:8px}.copyline{flex-direction:column}}