:root{--bg:#05070a;--panel:#0b1017;--panel2:#0f1620;--text:#f4f7fb;--muted:#8e9bab;--line:#1c2836;--cyan:#52d7ff;--green:#55e39a;--gold:#e9c66b;--red:#ff6b78;--violet:#a88cff;--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 20% -20%,#102333 0,transparent 34%),var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.nt-header{height:76px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(5,7,10,.82);backdrop-filter:blur(16px);position:sticky;top:0;z-index:30}.nt-brand{display:grid;grid-template-columns:38px auto;grid-template-rows:20px 16px;column-gap:10px;align-items:center}.nt-brand span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border:1px solid #40556c;border-radius:12px;color:var(--cyan);font-size:20px;font-weight:900}.nt-brand b{font-size:15px;letter-spacing:.16em}.nt-brand small{color:#718094;font-size:9px;letter-spacing:.16em}.nt-header nav{display:flex;gap:22px;color:#aeb9c7}.nt-header nav a{padding:8px 0}.nt-header nav a.active,.nt-header nav a:hover{color:#fff}.nt-header nav a.active{border-bottom:1px solid var(--cyan)}main{width:min(1240px,calc(100% - 32px));margin:auto}.nt-hero{min-height:450px;display:grid;grid-template-columns:1.35fr .75fr;gap:44px;align-items:center;position:relative;overflow:hidden;padding:70px 0 54px}.nt-glow{position:absolute;width:380px;height:380px;border-radius:50%;filter:blur(110px);opacity:.12;pointer-events:none}.nt-glow-a{background:#00bfff;left:-180px;top:20px}.nt-glow-b{background:#7a5cff;right:-180px;bottom:-100px}.eyebrow{font-size:12px;letter-spacing:.22em;color:var(--cyan);font-weight:800}.nt-hero h1{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:18px 0 22px;max-width:820px}.nt-hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#fff 0,#58d9ff 48%,#a88cff 100%);background-clip:text}.nt-hero-copy>p{font-size:18px;color:#9da9b8;max-width:700px}.nt-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:26px;color:#738498;font-size:13px}.nt-trust span:first-child{color:#77dcb2}.ip-card{background:linear-gradient(145deg,rgba(16,24,34,.94),rgba(7,11,16,.96));border:1px solid #24384c;border-radius:28px;padding:30px;box-shadow:0 30px 80px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.05);position:relative}.ip-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(82,215,255,.08),transparent 38%);pointer-events:none}.ip-live{font-size:10px;letter-spacing:.16em;color:#7bdbaa;display:flex;gap:8px;align-items:center;margin-bottom:26px}.ip-live i{width:8px;height:8px;background:#55e39a;border-radius:50%;box-shadow:0 0 12px #55e39a}.ip-card small{display:block;color:#718094;font-size:11px;letter-spacing:.18em}.ip-card strong{display:block;font-size:clamp(26px,3vw,40px);letter-spacing:-.03em;margin:8px 0 16px;word-break:break-all}.ip-meta{display:flex;justify-content:space-between;color:#77889c;font-size:12px;border-top:1px solid #1d2a38;padding-top:14px}.ip-card button,.tool-card form>button{width:100%;border:0;border-radius:13px;background:linear-gradient(90deg,#57d9ff,#7fc4ff);color:#03101a;font-weight:800;padding:13px 16px;margin-top:20px;cursor:pointer}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:18px 0 60px}.tool-card{position:relative;background:linear-gradient(150deg,rgba(13,19,27,.98),rgba(7,11,16,.98));border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-height:360px;overflow:hidden;transition:.25s}.tool-card:hover{transform:translateY(-3px);border-color:#30465e}.tool-card:before{content:"";position:absolute;width:160px;height:160px;right:-70px;top:-80px;border-radius:50%;filter:blur(50px);opacity:.12;background:var(--accent,var(--cyan))}.tool-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent,var(--cyan)) 14%,transparent);border:1px solid color-mix(in srgb,var(--accent,var(--cyan)) 35%,#162332);color:var(--accent,var(--cyan));font-size:24px}.tool-tag{position:absolute;right:22px;top:26px;color:#5f7084;font-size:10px;letter-spacing:.16em}.tool-card h2{font-size:23px;margin:22px 0 8px}.tool-card>p{color:#8190a2;margin:0 0 20px}.tool-card form{display:grid;gap:11px}.tool-card label{font-size:11px;color:#75869a;letter-spacing:.08em}.tool-card input{width:100%;margin-top:7px;background:#070b10;border:1px solid #243244;border-radius:12px;color:#fff;padding:13px 14px;outline:none;font-size:14px}.tool-card input:focus{border-color:var(--accent,var(--cyan));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,var(--cyan)) 12%,transparent)}.tool-card form>button{margin-top:2px;background:color-mix(in srgb,var(--accent,var(--cyan)) 88%,#fff 12%)}.tool-card button:disabled{opacity:.5;cursor:wait}.quick-ports{display:flex;gap:6px;flex-wrap:wrap}.quick-ports button{background:#111a24;border:1px solid #263649;color:#9caabd;border-radius:9px;padding:6px 9px;cursor:pointer;font-size:11px}.tool-ping{--accent:#52d7ff}.tool-port{--accent:#55e39a}.tool-dns{--accent:#a88cff}.tool-ssl{--accent:#e9c66b}.tool-site{--accent:#6eb6ff}.tool-reverse{--accent:#ff8895}.result{margin-top:16px;border-radius:14px;background:#070b10;border:1px solid #1c2a39;padding:14px;color:#a7b4c4;font-size:13px;animation:fade .2s ease}.result.ok{border-color:rgba(85,227,154,.35)}.result.bad{border-color:rgba(255,107,120,.38)}.result strong{display:block;color:#fff;font-size:18px;margin-bottom:4px}.result .good{color:#55e39a}.result .danger{color:#ff7b88}.result .metric{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.result .metric span{background:#0d141d;border:1px solid #182432;border-radius:10px;padding:9px}.result .metric b{display:block;color:#fff;font-size:16px}.dns-row{display:grid;grid-template-columns:55px 1fr auto;gap:8px;padding:8px 0;border-bottom:1px solid #14202c}.dns-row:last-child{border-bottom:0}.dns-row b{color:var(--violet)}.dns-row code{word-break:break-all;color:#c7d0db}.dns-row small{color:#58687b}.nt-note{margin:0 0 60px;padding:22px 24px;border:1px solid #1b2a39;border-radius:18px;background:#0a1017;display:flex;gap:20px;align-items:flex-start}.nt-note strong{white-space:nowrap;color:#dbe5ef}.nt-note p{margin:0;color:#78889a}footer{border-top:1px solid #15202b;padding:28px max(20px,calc((100vw - 1240px)/2));display:flex;justify-content:space-between;color:#5f7083;font-size:12px}footer a{color:#8fa2b7}@keyframes fade{from{opacity:0;transform:translateY(4px)}}@media(max-width:950px){.nt-hero{grid-template-columns:1fr;padding-top:52px}.ip-card{max-width:620px}.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.nt-header{height:66px;padding:0 16px}.nt-header nav a:not(.active){display:none}.nt-brand small{display:none}.nt-brand{grid-template-rows:auto}.nt-brand span{grid-row:1}.nt-hero{gap:24px;padding:45px 0 30px}.nt-hero h1{font-size:46px}.nt-hero-copy>p{font-size:16px}.nt-trust{gap:10px}.ip-card{padding:22px}.tool-grid{grid-template-columns:1fr;gap:12px}.tool-card{min-height:0;padding:21px}.nt-note{display:block}.nt-note strong{display:block;margin-bottom:8px}footer{display:block;text-align:center}footer a{display:block;margin-top:8px}}
.tool-whois{--accent:#f29d68}.tool-ipgeo{--accent:#63d4c4}.tool-headers{--accent:#8db2ff}.status-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.status-chips span{font-size:10px;color:#b9c6d5;background:#101923;border:1px solid #223247;border-radius:999px;padding:5px 8px}.ns-list{margin-top:12px;border-top:1px solid #172431;padding-top:10px}.ns-list small{display:block;color:#607286;margin-bottom:6px}.ns-list code{display:block;color:#cbd5df;font-size:11px;word-break:break-all;margin:4px 0}.approx-note{display:block;color:#6f8093;margin-top:10px}.security-list,.header-list{margin-top:12px;border-top:1px solid #172431;padding-top:8px}.security-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #111d28}.security-row:last-child{border-bottom:0}.security-row b{font-size:12px;color:#b8c4d2}.security-row span{font-size:11px;font-weight:800}.header-row{display:grid;grid-template-columns:145px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid #111d28}.header-row:last-child{border-bottom:0}.header-row b{font-size:11px;color:#7f91a5;word-break:break-word}.header-row code{font-size:11px;color:#cbd5df;word-break:break-all}.info-row{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:7px 0;border-bottom:1px solid #111d28}.info-row b{color:#7f91a5;font-size:11px}.info-row span{color:#cbd5df;font-size:12px;word-break:break-word}@media(max-width:680px){.header-row{grid-template-columns:1fr}.result .metric{grid-template-columns:1fr}.tool-card{overflow:visible}}
/* Network Tools V4 expansion */
.category-nav{position:sticky;top:76px;z-index:20;display:flex;gap:8px;overflow:auto;padding:12px 0;margin-bottom:16px;background:linear-gradient(180deg,rgba(5,7,10,.96),rgba(5,7,10,.86),transparent);scrollbar-width:none}.category-nav::-webkit-scrollbar{display:none}.category-nav a{white-space:nowrap;border:1px solid #26384a;background:#0b1219;color:#9eb0c2;border-radius:999px;padding:9px 13px;font-size:12px;font-weight:800}.category-nav a:hover{color:#fff;border-color:#45617c}.tool-section{scroll-margin-top:132px;padding:18px 0 28px}.section-head{display:flex;align-items:flex-start;gap:14px;margin:0 0 16px}.section-head>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #2f465b;border-radius:13px;color:var(--cyan);background:#0b141d;font-weight:900}.section-head h2{margin:0;font-size:clamp(25px,3vw,36px);letter-spacing:-.025em}.section-head p{margin:4px 0 0;color:#7f91a4}.section-head p b{font-size:12px}.tool-card h3{font-size:23px;margin:22px 0 8px}.tool-card select,.tool-card textarea{width:100%;margin-top:7px;background:#070b10;border:1px solid #243244;border-radius:12px;color:#fff;padding:13px 14px;outline:none;font:inherit}.tool-card textarea{resize:vertical;min-height:86px}.tool-card select:focus,.tool-card textarea:focus{border-color:var(--accent,var(--cyan));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,var(--cyan)) 12%,transparent)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:9px}.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.check-grid label{display:flex;align-items:center;gap:7px;letter-spacing:0}.check-grid input{width:auto;margin:0}.standalone-btn,.uptime-actions button,.mini-copy{border:0;border-radius:12px;background:linear-gradient(90deg,#57d9ff,#7fc4ff);color:#03101a;font-weight:850;padding:12px 14px;cursor:pointer}.standalone-btn{width:100%;margin-top:20px}.uptime-actions{display:flex;gap:8px;margin-top:10px}.uptime-actions button{flex:1;background:#111c27;color:#bcd2e3;border:1px solid #2b4054}.mini-copy{margin-top:10px;padding:8px 11px;font-size:12px}.big-code{display:block;margin-top:10px;padding:11px;background:#05090d;border:1px solid #1d2b38;border-radius:10px;color:#cce7f7;word-break:break-all;white-space:pre-wrap}.trace-list{margin-top:12px;border-top:1px solid #172431}.trace-list>div{display:grid;grid-template-columns:30px 1fr 70px;gap:8px;padding:8px 0;border-bottom:1px solid #111d28}.trace-list b{color:var(--cyan)}.trace-list code{color:#cad6e2;word-break:break-all}.trace-list span{text-align:right;color:#8093a6}.mail-list{margin-top:12px}.mail-row{display:grid;grid-template-columns:70px 48px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #111d28;align-items:start}.mail-row b{color:#d9e6f0}.mail-row code{font-size:11px;color:#8fa2b5;word-break:break-all}.port-table{display:grid;gap:6px}.port-table>div{display:grid;grid-template-columns:58px 110px 1fr;gap:8px;align-items:center;padding:8px;border:1px solid #172432;border-radius:9px;background:#091019}.port-table b{color:var(--cyan);font-size:16px}.port-table strong{font-size:12px;margin:0}.port-table span{font-size:11px;color:#7f91a5}.qr-wrap,.shot-wrap{margin-top:12px;display:grid;place-items:center;background:#fff;border-radius:13px;padding:12px;overflow:hidden}.qr-wrap img{width:220px;height:220px;max-width:100%}.shot-wrap{background:#070b10;border:1px solid #1b2a38}.shot-wrap img{width:100%;height:auto;border-radius:8px}.card-note{display:block;margin-top:10px;color:#687b8d;font-size:11px}.uptime-list{display:grid;gap:7px}.uptime-row{display:grid;grid-template-columns:minmax(0,1fr) auto 70px 44px;gap:8px;align-items:center;padding:9px;border:1px solid #1a2a38;border-radius:10px;background:#081019}.uptime-row>div{min-width:0}.uptime-row strong{font-size:12px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.uptime-row small{display:block;color:#667a8d}.uptime-row>b{font-size:11px;text-align:right}.uptime-row button{border:1px solid #49303a;background:#211116;color:#ff9fa8;border-radius:8px;padding:6px;cursor:pointer}.admin-help{margin:0 0 34px;border:1px solid #24394c;border-radius:14px;padding:14px 16px;background:#09111a;color:#8396a8}.admin-help b{color:#dce8f2}.admin-help code{color:#b9dfff}.wide-card{grid-column:span 2}.tool-trace{--accent:#7cd6ff}.tool-blacklist{--accent:#ff7b88}.tool-mail{--accent:#f2c66f}.tool-mac{--accent:#7ae0b4}.tool-subnet{--accent:#73c9ff}.tool-nvr{--accent:#e9c66b}.tool-poe{--accent:#ffcf62}.tool-bandwidth{--accent:#7ea8ff}.tool-rtsp{--accent:#ff8f92}.tool-portguide{--accent:#93d8c4}.tool-password{--accent:#d49cff}.tool-hash{--accent:#79c5ff}.tool-qr{--accent:#8ce1a9}.tool-short{--accent:#6ed6ff}.tool-shot{--accent:#a991ff}.tool-server{--accent:#6ddfb0}.tool-uptime{--accent:#5bc6ff}.tool-share{--accent:#eabf66}
@media(max-width:950px){.category-nav{top:66px}.wide-card{grid-column:auto}}
@media(max-width:680px){.category-nav{top:66px;margin-left:-2px}.section-head{gap:10px}.section-head>span{width:36px;height:36px}.two-col,.check-grid{grid-template-columns:1fr}.mail-row{grid-template-columns:60px 42px 1fr}.port-table>div{grid-template-columns:48px 90px 1fr}.uptime-row{grid-template-columns:1fr auto}.uptime-row>b{display:none}.uptime-row button{grid-column:2}.trace-list>div{grid-template-columns:25px 1fr 58px}}