@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--ink:#12243a;--muted:#718096;--blue:#2464e8;--border:#e5ebf3;--surface:#fff;--bg:#f5f8fc;--shadow:0 14px 45px rgba(34,60,95,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Vazirmatn,Tahoma,Arial,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.wrap{width:min(1160px,calc(100% - 40px));margin-inline:auto}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;direction:ltr;unicode-bidi:isolate}a{text-decoration:none;color:inherit}
.site-header{background:white;border-bottom:1px solid var(--border)}.header-inner{height:76px;display:flex;align-items:center;gap:18px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:22px;font-weight:800;white-space:nowrap;letter-spacing:-.6px}.brand-mark{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--blue);color:white;font-size:30px;line-height:1;font-family:Arial}.brand-blue{color:var(--blue)}.header-divider{height:24px;width:1px;background:var(--border)}.tagline{color:var(--muted);font-size:13px;margin:0}.header-pill{margin-right:auto;display:flex;align-items:center;gap:8px;background:#eef8f4;color:#168665;border:1px solid #dbf2e9;border-radius:50px;padding:7px 13px;font-size:11px;font-weight:700}.live-dot,.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#20b784;box-shadow:0 0 0 3px #d4f5e9}
.intro{display:flex;justify-content:space-between;align-items:center;min-height:250px;padding-top:26px;padding-bottom:18px;overflow:hidden}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.2px;margin:0 0 12px}.intro h1{font-size:34px;line-height:1.55;letter-spacing:-1.2px;margin:0;font-weight:800}.intro h1 span{color:var(--blue)}.intro-text{color:var(--muted);margin:11px 0 0;font-size:13px}.intro-art{width:225px;height:195px;position:relative;margin-left:60px;flex-shrink:0;display:grid;place-items:center}.art-ring{position:absolute;border:1px solid #cbdaf5;border-radius:50%;transform:rotate(-25deg)}.ring-a{width:185px;height:90px}.ring-b{width:115px;height:185px;transform:rotate(35deg)}.art-core{height:88px;width:88px;border-radius:24px;background:linear-gradient(145deg,#2c76f3,#1c4cbb);color:white;display:grid;place-items:center;font-size:56px;box-shadow:0 15px 35px #3276e75c;transform:rotate(-12deg)}.art-node{position:absolute;background:white;border:4px solid #5b91ee;border-radius:50%;width:16px;height:16px;box-shadow:0 4px 15px #3e77cf55}.node-a{top:34px;right:20px}.node-b{bottom:27px;right:62px}.node-c{left:20px;top:70px}
.tool-nav{display:grid;grid-template-columns:repeat(4,1fr);background:white;border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.tool-group{padding:17px 19px 18px;border-left:1px solid var(--border);display:flex;flex-wrap:wrap;align-content:start;gap:7px}.tool-group:last-child{border-left:0}.group-label{display:block;width:100%;color:#263951;font-weight:800;font-size:12px;margin-bottom:3px}.tool-group button{border:1px solid #e8edf4;color:#53677d;background:#f8fafc;border-radius:8px;padding:6px 9px;font-size:11px;white-space:nowrap;transition:.18s}.tool-group button:hover,.tool-group button.active{background:#e9f1ff;border-color:#b9d2ff;color:#1f5ad5}.tool-group button.active{font-weight:800}.section-heading{display:flex;align-items:center;gap:9px;margin:25px 0 13px;color:#8292a5;font-size:11px;font-weight:700}.section-line{width:17px;height:2px;background:var(--blue);border-radius:4px}
.main-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.card{border:1px solid var(--border);background:var(--surface);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.card-heading{display:flex;align-items:center;gap:11px;padding:24px 25px 18px}.heading-icon{width:40px;height:40px;background:#eaf1ff;color:var(--blue);border-radius:12px;display:grid;place-items:center;font-size:24px;font-family:Arial}.heading-icon.alt{background:#e9f8f5;color:#13a485}.card-kicker{font-size:11px;color:#8a9bad;margin:0 0 1px}.card h2{font-size:17px;margin:0;font-weight:800}.refresh-button{margin-right:auto;width:31px;height:31px;background:#fff;border:1px solid var(--border);color:var(--muted);border-radius:8px;font-size:22px;line-height:1}.refresh-button:hover{color:var(--blue);background:#f4f8ff}.ip-hero{margin:0 25px 15px;padding:18px 20px;background:linear-gradient(115deg,#f0f5ff,#f8fbff);border:1px solid #dfeafa;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.small-caption{display:block;color:#8092a9;font-size:10px;letter-spacing:1.1px;margin-bottom:5px;font-family:Arial}.ip-hero strong{display:block;font-size:25px;line-height:1.3;overflow-wrap:anywhere;letter-spacing:-.7px}.copy-button{background:white;color:var(--blue);border:1px solid #d4e2fa;border-radius:7px;padding:7px 10px;font-size:11px;font-weight:700;white-space:nowrap}.copy-button:disabled{opacity:.55}.ip-info{padding:0 25px 14px;min-height:95px}.detail-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #f0f3f8;font-size:12px}.detail-row:last-child{border-bottom:0}.detail-label{color:#7b8b9d;white-space:nowrap}.detail-value{font-weight:700;text-align:left;overflow-wrap:anywhere}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:100px;font-size:11px;font-weight:700}.badge.good{color:#158a61;background:#e4f7ef}.badge.warn{color:#ad6707;background:#fff2da}.badge.bad{color:#ba3a4b;background:#ffeaed}.muted{color:var(--muted)}.ip-card-footer{border-top:1px solid var(--border);padding:12px 25px;color:#8899a9;font-size:11px;display:flex;align-items:center;gap:9px}.skeleton{height:13px;border-radius:8px;background:linear-gradient(90deg,#edf2f9,#f9fbfe,#edf2f9);background-size:200% 100%;margin:14px 0;animation:shimmer 1.3s infinite}.skeleton.shorter{width:60%}@keyframes shimmer{to{background-position:-200% 0}}.map-area{margin:0 25px 17px;border-radius:10px;overflow:hidden;height:185px;border:1px solid var(--border)}.map-area iframe{border:0;width:100%;height:100%}
.tool-description{color:var(--muted);font-size:12px;margin:0 25px 18px;line-height:1.9}.lookup-card form{padding:0 25px 22px}label{display:block;font-size:11px;font-weight:800;margin-bottom:8px;color:#465b72}.input-row{display:flex;gap:9px}.input-row input,.extra-field input{min-width:0;border:1px solid #dae4ef;outline:0;border-radius:9px;background:#fff;padding:12px 13px;font-size:13px;color:var(--ink);width:100%;text-align:left}.input-row input:focus,.extra-field input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #e6efff}.input-row input::placeholder{color:#acb8c8}.input-row button{border:0;border-radius:9px;background:var(--blue);color:white;padding:0 22px;font-weight:800;white-space:nowrap;box-shadow:0 5px 12px #2464e833}.input-row button:hover{background:#154cc3}.input-row button:disabled{opacity:.6}.input-row button span{font-size:18px;margin-right:5px;vertical-align:-1px}.extra-field{margin-top:17px}.form-error{color:#b63849;font-size:12px;margin:10px 0 0}.tool-hint{border-top:1px solid var(--border);background:#fcfdff;padding:15px 25px;display:flex;gap:9px;color:#8b9bae;font-size:11px}.tool-hint span:first-child{color:#4d86f2;font-size:15px;line-height:1}
.result-card{padding:22px 25px}.result-top{display:flex;justify-content:space-between;gap:12px;align-items:start;border-bottom:1px solid var(--border);padding-bottom:17px;margin-bottom:12px}.result-top h2{font-size:16px;margin:3px 0 0}.result-query{font-size:12px;color:var(--muted);overflow-wrap:anywhere;text-align:left}.result-empty{color:var(--muted);font-size:12px;padding:12px 0}.result-section{margin-top:17px}.result-section h3{font-size:12px;margin:0 0 7px;color:var(--blue);display:flex;justify-content:space-between}.result-section h3 span{color:#96a4b4}.record{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#fafcff;margin:7px 0;font-size:11px;overflow-wrap:anywhere;white-space:pre-wrap}.record-label{color:var(--blue);font-weight:800;margin-left:8px}.result-pre{direction:ltr;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;max-height:500px;overflow:auto;font-size:11px;line-height:1.8;background:#f7f9fc;border:1px solid var(--border);border-radius:9px;padding:14px}.loader{display:flex;gap:10px;color:var(--muted);align-items:center;padding:16px 0}.loader:before{content:"";width:17px;height:17px;border:2px solid #d7e5fa;border-top-color:var(--blue);border-radius:50%;animation:rotate .8s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}
.features-section{padding:55px 0 75px}.features-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.features-heading h2{font-size:21px;margin:0;letter-spacing:-.4px}.features-heading>span{color:#90a1b1;font-size:12px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature{background:white;border:1px solid var(--border);border-radius:13px;padding:19px;min-height:175px}.feature-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;font-size:23px;font-family:Arial}.feature-icon.blue{color:#2868dc;background:#eaf1ff}.feature-icon.violet{color:#7956ce;background:#f1edff}.feature-icon.orange{color:#c47929;background:#fff3e5}.feature-icon.green{color:#169c79;background:#e5f8f1}.feature h3{font-size:13px;margin:14px 0 5px}.feature p{font-size:11px;line-height:1.9;color:#8292a4;margin:0}footer{background:#fff;border-top:1px solid var(--border)}.footer-inner{min-height:80px;display:flex;align-items:center;gap:25px;color:#8a99a9;font-size:11px}.footer-inner>span:last-child{margin-right:auto}.footer-brand{font-size:15px;color:#315677}
@media(max-width:1000px){.tool-nav{grid-template-columns:repeat(2,1fr)}.tool-group:nth-child(2){border-left:0}.tool-group:nth-child(-n+2){border-bottom:1px solid var(--border)}.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.wrap{width:min(100% - 28px,600px)}.header-inner{height:64px}.tagline,.header-divider{display:none}.header-pill{font-size:10px;padding:6px 9px}.intro{min-height:190px;padding-top:23px}.intro h1{font-size:24px}.intro-text{font-size:11px;line-height:1.9}.intro-art{display:none}.main-grid{grid-template-columns:1fr}.tool-group{padding:13px}.tool-group button{font-size:10px;padding:5px 7px}.section-heading{margin-top:21px}.features-section{padding:40px 0 50px}.features-heading h2{font-size:18px}.features-heading>span{display:none}.footer-inner{gap:12px}.footer-inner>span:nth-child(2){display:none}}
@media(max-width:470px){.tool-nav{grid-template-columns:1fr 1fr}.tool-group{gap:5px}.group-label{font-size:11px}.tool-group button{font-size:10px}.card-heading{padding:20px 18px 15px}.ip-hero{margin-inline:18px;padding:15px}.ip-hero strong{font-size:20px}.ip-info{padding-inline:18px}.lookup-card form{padding-inline:18px}.tool-description{margin-inline:18px}.tool-hint{padding-inline:18px}.input-row button{padding:0 13px}.feature-grid{grid-template-columns:1fr 1fr;gap:9px}.feature{padding:14px;min-height:180px}.features-heading h2{font-size:17px}}
.ip-address-line{display:flex;align-items:center;gap:10px;direction:ltr}.ip-country-flag{font-size:27px;line-height:1}