.resource-page{background:#f5f8fc;color:#152746}.resource-header{background:rgba(248,251,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid #e1e8f2}.tools-hero{min-height:650px;background:radial-gradient(circle at 78% 34%,rgba(48,120,240,.16),transparent 28%),linear-gradient(135deg,#fbfdff 0%,#edf4ff 100%);border-top:1px solid #e7edf6;border-bottom:1px solid #dce6f2;overflow:hidden}.tools-hero-inner{min-height:650px;display:grid;grid-template-columns:52% 48%;align-items:center;gap:60px;padding:70px 3%}.tools-kicker{display:flex;align-items:center;gap:10px;color:#3567b7;font:600 10px "Plus Jakarta Sans";letter-spacing:.16em}.tools-kicker i{width:7px;height:7px;border-radius:50%;background:#22c39c;box-shadow:0 0 0 6px rgba(34,195,156,.1)}.tools-hero h1{font-size:58px;line-height:1.17;letter-spacing:-.055em;margin:20px 0 22px;color:#102341}.tools-hero h1 em{font-style:normal;color:#1765df}.tools-hero-copy>p{max-width:610px;color:#687991;font-size:15px}.tool-search-box{width:min(570px,100%);height:62px;margin-top:32px;background:white;border:1px solid #d5e0ee;border-radius:14px;display:flex;align-items:center;padding:0 16px;box-shadow:0 16px 40px rgba(25,66,126,.09)}.tool-search-box svg{width:21px;fill:none;stroke:#52719a;stroke-width:1.7}.tool-search-box input{flex:1;min-width:0;border:0;outline:0;background:none;padding:0 13px;color:#1a2b48;font:400 13px "Noto Sans SC"}.tool-search-box kbd{border:1px solid #dce5f0;background:#f4f7fb;border-radius:6px;padding:3px 7px;color:#8b98aa;font:500 9px "Plus Jakarta Sans"}.hero-quick-links{display:flex;gap:25px;margin-top:22px}.hero-quick-links a{color:#3b5274;font-size:11px;font-weight:600;text-decoration:none}.hero-quick-links span{margin-left:7px;color:#246bfd}.tools-console{position:relative;width:100%;max-width:510px;margin-left:auto;padding:26px;border:1px solid rgba(97,145,217,.35);border-radius:22px;color:white;background:linear-gradient(145deg,#071a3c,#0c2d62);box-shadow:0 35px 80px rgba(11,45,98,.28);overflow:hidden}.tools-console:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}.console-head,.console-ip,.console-grid,.console-line,.console-foot{position:relative}.console-head{display:flex;justify-content:space-between;align-items:center;color:#9fb7da;font:600 9px "Plus Jakarta Sans";letter-spacing:.13em}.console-head span{display:flex;align-items:center;gap:8px}.console-head span i{width:6px;height:6px;border-radius:50%;background:#2bd5a9;box-shadow:0 0 12px #2bd5a9}.console-head b{color:#63dcb9;font-size:8px}.console-ip{margin-top:33px;padding:21px;border:1px solid rgba(123,164,224,.19);border-radius:14px;background:rgba(255,255,255,.045)}.console-ip small,.console-ip strong,.console-ip span{display:block}.console-ip small{color:#7797c2;font:600 8px "Plus Jakarta Sans";letter-spacing:.15em}.console-ip strong{font:600 33px "Plus Jakarta Sans";letter-spacing:-.04em;margin:7px 0 3px}.console-ip span{color:#8eabd1;font-size:10px}.console-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.console-grid>div{position:relative;min-height:82px;padding:15px;background:rgba(255,255,255,.04);border:1px solid rgba(128,167,224,.16);border-radius:12px}.console-grid small,.console-grid b{display:block}.console-grid small{color:#7291ba;font:600 7px "Plus Jakarta Sans";letter-spacing:.11em}.console-grid b{font-size:13px;margin-top:7px}.console-grid i{position:absolute;right:13px;top:13px;width:7px;height:7px;border-radius:50%;background:#4a83e8}.console-grid i.ok{background:#28d2a5;box-shadow:0 0 10px rgba(40,210,165,.6)}.console-line{height:70px;margin-top:12px;border:1px solid rgba(128,167,224,.14);border-radius:12px;overflow:hidden}.console-line:before,.console-line:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 22px}.console-line span{position:absolute;left:18px;right:18px;top:37px;height:1px;background:linear-gradient(90deg,#2f75ef,#41c9ff,#7a5cff);transform:skewY(-5deg);box-shadow:0 0 12px rgba(45,137,255,.7)}.console-line i{position:absolute;width:6px;height:6px;border-radius:50%;background:#62a9ff;top:31px}.console-line i:nth-of-type(1){left:12%}.console-line i:nth-of-type(2){left:32%;top:38px}.console-line i:nth-of-type(3){left:53%;top:27px}.console-line i:nth-of-type(4){left:72%;top:35px}.console-line i:nth-of-type(5){right:11%;top:22px}.console-foot{display:flex;justify-content:space-between;margin-top:15px;color:#7792b8;font-size:8px}.console-foot b{color:#52d4af;font:600 8px "Plus Jakarta Sans"}.tool-filter-wrap{position:sticky;top:0;z-index:12;background:rgba(247,250,254,.9);backdrop-filter:blur(16px);border-bottom:1px solid #dce5f0}.tool-filter-bar{height:78px;display:flex;align-items:center;justify-content:space-between}.filter-buttons{display:flex;gap:8px}.filter-buttons button{height:38px;padding:0 18px;border:1px solid transparent;background:transparent;border-radius:10px;color:#66758a;font:500 11px "Noto Sans SC";cursor:pointer}.filter-buttons button.active{background:#e8f0fe;color:#1d61ce;border-color:#cfe0fa}.tool-filter-bar>span{color:#8a97aa;font-size:10px}.tool-directory-v4{padding:100px 3% 115px}.tools-section-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:35px;border-bottom:1px solid #dce5f0}.tools-section-heading>div>span{color:#3569ba;font:600 9px "Plus Jakarta Sans";letter-spacing:.17em}.tools-section-heading h2{font-size:38px;letter-spacing:-.04em;margin:9px 0 0}.tools-section-heading>p{max-width:470px;color:#748197;font-size:11px;margin:0}.tool-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.tool-card-v4{min-height:280px;padding:27px;background:white;border:1px solid #dbe5f1;border-radius:18px;text-decoration:none;color:#152746;display:flex;flex-direction:column;box-shadow:0 14px 35px rgba(26,58,108,.055);transition:transform .22s,border-color .22s,box-shadow .22s}.tool-card-v4:hover{transform:translateY(-5px);border-color:#92b5ec;box-shadow:0 22px 50px rgba(26,68,132,.11)}.tool-card-icon{width:50px;height:50px;border-radius:13px;background:linear-gradient(145deg,#edf4ff,#f8fbff);border:1px solid #d9e6f7;display:grid;place-items:center;color:#2168df;font:600 13px "Plus Jakarta Sans"}.tool-card-v4>small{margin-top:28px;color:#3b70c5;font:600 8px "Plus Jakarta Sans";letter-spacing:.14em}.tool-card-v4 h3{font-size:20px;margin:8px 0 9px}.tool-card-v4 p{color:#78869a;font-size:11px;margin:0;max-width:300px}.tool-card-v4>div{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:25px;border-top:1px solid #e8edf4}.tool-card-v4>div b{font:500 9px "Plus Jakarta Sans";color:#9aa5b4}.tool-card-v4>div i{font-style:normal;color:#1e63d1;font-size:10px;font-weight:600}.tool-card-v4.is-hidden{display:none}.tool-empty{text-align:center;padding:80px 20px}.tool-empty span{font-size:34px;color:#7d91af}.tool-empty h3{font-size:20px;margin:12px 0 5px}.tool-empty p{color:#8793a6;font-size:11px}.resource-separation-note{margin-bottom:110px;padding:42px 5%;border-radius:22px;background:linear-gradient(120deg,#0a2452,#145cca);color:white;display:flex;align-items:center;justify-content:space-between;box-shadow:0 25px 65px rgba(14,58,127,.2)}.resource-separation-note span{color:#79adff;font:600 8px "Plus Jakarta Sans";letter-spacing:.16em}.resource-separation-note h2{font-size:28px;margin:8px 0}.resource-separation-note p{color:#b8cae6;font-size:11px;margin:0}.resource-separation-note>a{background:white;color:#154a9c;text-decoration:none;border-radius:11px;padding:14px 19px;font-size:11px;font-weight:600;white-space:nowrap}.resource-separation-note>a b{margin-left:14px}.resource-page footer{margin-top:0}
@media(max-width:1000px){.tools-hero-inner{grid-template-columns:1fr;gap:45px;padding-top:80px;padding-bottom:80px}.tools-console{margin:0;max-width:650px}.tool-card-grid{grid-template-columns:1fr 1fr}.tools-section-heading{display:block}.tools-section-heading>p{margin-top:15px}.resource-separation-note{gap:30px}}
@media(max-width:700px){.tools-hero,.tools-hero-inner{min-height:auto}.tools-hero-inner{padding:60px 0}.tools-hero h1{font-size:43px}.tool-search-box kbd{display:none}.tools-console{padding:18px;border-radius:17px}.console-grid{grid-template-columns:1fr 1fr}.tool-filter-wrap{position:relative}.tool-filter-bar{height:auto;padding:16px 0;display:block}.filter-buttons{overflow:auto}.filter-buttons button{white-space:nowrap}.tool-filter-bar>span{display:block;margin-top:10px}.tool-directory-v4{padding:70px 0 80px}.tools-section-heading h2{font-size:31px}.tool-card-grid{grid-template-columns:1fr}.tool-card-v4{min-height:240px}.resource-separation-note{margin:0 0 70px;display:block;padding:32px 25px}.resource-separation-note h2{font-size:24px}.resource-separation-note>a{display:inline-flex;margin-top:23px}.hero-quick-links{flex-wrap:wrap}}