:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.app{color:#172033;background:#f7f9fc;min-height:100vh}.container{width:min(1180px,100% - 40px);margin:0 auto}.site-header{background:#fff;border-bottom:1px solid #e3e8ef}.header-inner{justify-content:space-between;align-items:center;gap:30px;min-height:72px;display:flex}.logo{color:#172033;letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.logo-mark{color:#fff;background:#172033;border-radius:6px;justify-content:center;align-items:center;min-width:38px;height:30px;padding:0 7px;font-family:Consolas,Courier New,monospace;font-size:15px;font-weight:700;display:inline-flex}.main-nav{align-items:center;gap:30px;display:flex}.main-nav a{color:#596579;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.main-nav a:hover{color:#1769e0}.hero-section{background:linear-gradient(#fff 0%,#f7f9fc 100%);border-bottom:1px solid #e3e8ef;padding:86px 0 90px}.hero-content{text-align:center;max-width:960px;margin:0 auto}.status-line{color:#5b687a;background:#fff;border:1px solid #dce4ed;border-radius:999px;align-items:center;gap:9px;margin-bottom:24px;padding:7px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-dot{background:#24a148;border-radius:50%;width:7px;height:7px}.eyebrow{color:#1769e0;letter-spacing:.14em;text-transform:uppercase;margin:0 0 14px;font-size:11px;font-weight:800}.hero-section h1{color:#101827;letter-spacing:-.045em;max-width:800px;margin:0 auto;font-size:clamp(42px,6vw,70px);font-weight:750;line-height:1.04}.hero-text{color:#657286;max-width:650px;margin:25px auto 0;font-size:18px;line-height:1.65}.hero-actions{justify-content:center;align-items:center;gap:12px;margin-top:32px;display:flex}.primary-button,.secondary-button{border-radius:7px;justify-content:center;align-items:center;min-height:46px;padding:0 20px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.primary-button{color:#fff;background:#1769e0;gap:12px}.primary-button:hover{background:#125bc4;transform:translateY(-1px)}.secondary-button{color:#39475b;background:#fff;border:1px solid #d7dee8}.secondary-button:hover{background:#f8fafc;border-color:#b9c6d6}.hero-panel{text-align:left;background:#101827;border:1px solid #26344a;border-radius:10px;max-width:780px;margin:58px auto 0;overflow:hidden;box-shadow:0 18px 45px #1422371f}.panel-header{color:#91a2b8;letter-spacing:.08em;border-bottom:1px solid #27364c;justify-content:space-between;align-items:center;min-height:44px;padding:0 18px;font-family:Consolas,Courier New,monospace;font-size:11px;display:flex}.panel-live{color:#4fd18b}.terminal-line{color:#dce5f0;align-items:center;gap:10px;padding:20px 22px 14px;font-family:Consolas,Courier New,monospace;font-size:13px;display:flex}.terminal-prompt{color:#4aa3ff}.network-grid{background:#27364c;border:1px solid #27364c;grid-template-columns:repeat(4,1fr);gap:1px;margin:0 18px;display:grid}.network-grid>div{background:#141e2d;min-width:0;padding:20px 18px}.network-grid span{color:#7e8ea3;letter-spacing:.08em;margin-bottom:9px;font-family:Consolas,Courier New,monospace;font-size:10px;display:block}.network-grid strong{color:#f2f6fb;white-space:nowrap;text-overflow:ellipsis;font-family:Consolas,Courier New,monospace;font-size:17px;display:block;overflow:hidden}.network-grid .online{color:#4fd18b}.panel-footer{color:#687991;justify-content:space-between;padding:16px 22px 18px;font-family:Consolas,Courier New,monospace;font-size:10px;display:flex}.section-heading{max-width:720px;margin:0 auto 48px}.section-heading.centered{text-align:center}.section-heading h2{color:#101827;letter-spacing:-.035em;margin:0;font-size:clamp(32px,4vw,46px);line-height:1.12}.section-heading>p:last-child{color:#687588;max-width:620px;margin:18px auto 0;font-size:16px;line-height:1.65}.tools-section{background:#f7f9fc;padding:100px 0}.featured-tool{background:#fff;border:1px solid #dce3eb;border-radius:12px;grid-template-columns:90px minmax(0,1fr);gap:32px;max-width:920px;margin:0 auto 30px;padding:36px;display:grid;box-shadow:0 8px 28px #1e30480d}.featured-icon{color:#1769e0;background:#eef5fd;border:1px solid #c9d8ea;border-radius:10px;justify-content:center;align-items:center;width:72px;height:72px;font-family:Consolas,Courier New,monospace;font-size:20px;font-weight:700;display:flex}.featured-content{min-width:0}.tool-meta{color:#1769e0;letter-spacing:.1em;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;font-size:11px;font-weight:800;display:flex}.featured-label{color:#7b8798;letter-spacing:0;font-weight:600}.featured-content h3{color:#101827;letter-spacing:-.025em;margin:0;font-size:28px;line-height:1.2}.featured-content>p{color:#667387;max-width:700px;margin:13px 0 0;font-size:15px;line-height:1.65}.preview-values{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;display:grid}.preview-values>div{background:#f8fafc;border:1px solid #e1e6ed;border-radius:7px;padding:15px 16px}.preview-values span{color:#8a95a4;letter-spacing:.08em;margin-bottom:7px;font-size:10px;font-weight:700;display:block}.preview-values strong{color:#263449;font-family:Consolas,Courier New,monospace;font-size:14px}.tool-button{color:#7b8796;background:#f5f7fa;border:1px solid #d9e0e8;border-radius:6px;margin-top:24px;padding:11px 16px;font-size:13px;font-weight:600}.tool-grid{grid-template-columns:repeat(3,1fr);gap:18px;max-width:920px;margin:0 auto;display:grid}.tool-card{background:#fff;border:1px solid #dce3eb;border-radius:10px;min-width:0;min-height:235px;padding:26px;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative}.tool-card:hover{border-color:#c9d7e7;transform:translateY(-2px);box-shadow:0 12px 30px #1e304812}.tool-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.tool-icon{color:#1769e0;background:#f2f6fb;border:1px solid #d6e1ee;border-radius:6px;justify-content:center;align-items:center;min-width:44px;height:38px;padding:0 8px;font-family:Consolas,Courier New,monospace;font-size:11px;font-weight:700;display:flex}.tool-status{color:#8994a3;font-size:10px;font-weight:600}.tool-category{color:#1769e0;letter-spacing:.1em;text-transform:uppercase;margin:24px 0 8px;font-size:10px;font-weight:800}.tool-card h3{color:#172033;margin:0;font-size:19px;line-height:1.3}.tool-description{color:#6d798a;margin:12px 0 30px;font-size:13px;line-height:1.6}.tool-arrow{color:#1769e0;font-size:18px;position:absolute;bottom:23px;right:26px}.categories-section{background:#fff;border-top:1px solid #e3e8ef;padding:100px 0}.category-grid{border-top:1px solid #dfe5ec;border-bottom:1px solid #dfe5ec;grid-template-columns:repeat(3,1fr);gap:0;max-width:920px;margin:0 auto;display:grid}.category-item{border-right:1px solid #dfe5ec;gap:22px;min-width:0;padding:30px 26px;display:flex}.category-item:last-child{border-right:0}.category-item>span{color:#9aa5b3;font-family:Consolas,Courier New,monospace;font-size:12px;font-weight:700}.category-item h3{color:#172033;margin:0;font-size:17px}.category-item p{color:#717d8e;margin:9px 0 0;font-size:13px;line-height:1.55}.about-section{background:#f7f9fc;border-top:1px solid #e3e8ef;padding:110px 0}.about-content{max-width:760px}.about-content.centered{text-align:center}.about-content h2{color:#101827;letter-spacing:-.035em;margin:0;font-size:clamp(32px,4vw,44px);line-height:1.15}.about-content>p:not(.eyebrow){color:#697588;max-width:650px;margin:20px auto 0;font-size:16px;line-height:1.7}.site-footer{color:#8d9aab;background:#101827;padding:34px 0}.footer-inner{justify-content:space-between;align-items:center;gap:30px;display:flex}.footer-logo{color:#fff;align-items:center;gap:10px;font-size:15px;font-weight:700;display:flex}.footer-logo .logo-mark{min-width:32px;height:25px;font-size:12px}.footer-inner p{margin:7px 0 0;font-size:12px}.footer-inner>p{margin:0}@media (width<=900px){.tool-grid{grid-template-columns:repeat(2,1fr)}.category-grid{grid-template-columns:1fr}.category-item{border-bottom:1px solid #dfe5ec;border-right:0}.category-item:last-child{border-bottom:0}}@media (width<=700px){.container{width:min(100% - 28px,1180px)}.header-inner{min-height:64px}.main-nav{gap:16px}.main-nav a{font-size:12px}.hero-section{padding:65px 0 70px}.hero-section h1{font-size:clamp(38px,12vw,56px)}.hero-text{font-size:16px}.hero-actions{flex-direction:column}.primary-button,.secondary-button{width:100%;max-width:260px}.hero-panel{margin-top:42px}.network-grid{grid-template-columns:repeat(2,1fr)}.featured-tool{grid-template-columns:1fr;gap:22px;padding:26px}.preview-values,.tool-grid{grid-template-columns:1fr}.tools-section,.categories-section{padding:75px 0}.about-section{padding:80px 0}.footer-inner{flex-direction:column;align-items:flex-start}}@media (width<=480px){.main-nav a:nth-child(2){display:none}.status-line{font-size:10px}.network-grid{grid-template-columns:1fr}.network-grid>div{padding:15px}.tool-meta{flex-direction:column;align-items:flex-start;gap:8px}.category-item{padding:24px 18px}}.calculator{background:#fff;border:1px solid #dce3eb;border-radius:12px;max-width:920px;margin:0 auto 30px;padding:36px;box-shadow:0 8px 28px #1e30480d}.calculator-header{margin-bottom:30px}.calculator-header .eyebrow{margin-bottom:10px}.calculator-header h2{color:#101827;letter-spacing:-.025em;margin:0;font-size:30px;line-height:1.2}.calculator-header>p:last-child{color:#697588;margin:10px 0 0;font-size:15px;line-height:1.6}.calculator-input{background:#f8fafc;border:1px solid #e1e6ed;border-radius:8px;grid-template-columns:minmax(0,1fr) 150px auto;align-items:end;gap:16px;padding:22px;display:grid}.input-group label{color:#4e5c70;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.input-group input{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d3dce7;border-radius:6px;outline:none;width:100%;height:46px;padding:0 13px;font-family:Consolas,Courier New,monospace;font-size:15px;transition:border-color .2s,box-shadow .2s}.input-group input:focus{border-color:#1769e0;box-shadow:0 0 0 3px #1769e01a}.cidr-field{background:#fff;border:1px solid #d3dce7;border-radius:6px;align-items:center;height:46px;display:flex;overflow:hidden}.cidr-field span{color:#7b8797;padding-left:13px;font-family:Consolas,Courier New,monospace;font-size:15px}.cidr-field input{height:44px;box-shadow:none;border:0;border-radius:0}.cidr-field input:focus{box-shadow:none}.calculator-actions{align-items:center;gap:8px;display:flex}.calculate-button,.reset-button{cursor:pointer;border-radius:6px;height:46px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,transform .2s}.calculate-button{color:#fff;background:#1769e0;border:0;padding:0 24px}.calculate-button:hover{background:#125bc4;transform:translateY(-1px)}.reset-button{color:#526074;background:#fff;border:1px solid #d3dce7;padding:0 16px}.reset-button:hover{background:#f3f6f9;border-color:#b9c5d3}.quick-examples{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.quick-examples>span{color:#8994a3;margin-right:4px;font-size:12px;font-weight:700}.quick-examples button{color:#536174;cursor:pointer;background:#fff;border:1px solid #dce3eb;border-radius:5px;padding:6px 9px;font-family:Consolas,Courier New,monospace;font-size:11px;transition:border-color .2s,background .2s,color .2s}.quick-examples button:hover{color:#1769e0;background:#f4f8fc;border-color:#b9cce5}.calculator-error{color:#b42318;background:#fff5f5;border:1px solid #f0caca;border-radius:6px;margin-top:16px;padding:13px 15px;font-size:13px}.calculator-results{border-top:1px solid #e1e6ed;margin-top:28px;padding-top:28px}.results-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.results-header .eyebrow{margin-bottom:7px}.results-header h3{color:#172033;margin:0;font-size:22px}.result-cidr{color:#1769e0;background:#f2f6fb;border:1px solid #d6e1ee;border-radius:6px;padding:8px 12px;font-family:Consolas,Courier New,monospace;font-size:13px;font-weight:700}.result-section{margin-top:24px}.result-section:first-of-type{margin-top:0}.result-section-header{justify-content:space-between;align-items:center;gap:15px;margin-bottom:12px;display:flex}.result-section-header h4{color:#273449;margin:0;font-size:15px;font-weight:800}.result-section-header span{color:#a0a9b5;letter-spacing:.08em;font-size:10px;font-weight:800}.results-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.result-item{background:#f8fafc;border:1px solid #e1e6ed;border-radius:7px;min-width:0;padding:17px}.result-item>span,.technical-results span{color:#8994a3;letter-spacing:.08em;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.result-value-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.result-item strong{color:#263449;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-family:Consolas,Courier New,monospace;font-size:15px;display:block;overflow:hidden}.copy-button{color:#687587;cursor:pointer;background:#fff;border:1px solid #d7e0ea;border-radius:4px;flex-shrink:0;padding:4px 7px;font-size:10px;font-weight:700;transition:border-color .2s,color .2s,background .2s}.copy-button:hover{color:#1769e0;background:#f2f6fb;border-color:#b9cce5}.technical-results{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.technical-results>div{background:#fff;border:1px solid #e1e6ed;border-radius:7px;min-width:0;padding:17px}.technical-results strong{color:#334156;word-break:break-word;font-family:Consolas,Courier New,monospace;font-size:12px;line-height:1.6;display:block;overflow:hidden}@media (width<=820px){.calculator-input{grid-template-columns:minmax(0,1fr) 130px}.calculator-actions{grid-column:1/-1}.calculate-button{flex:1}.reset-button{min-width:90px}}@media (width<=600px){.calculator{padding:22px}.calculator-input{grid-template-columns:1fr}.calculator-actions{grid-column:auto}.calculate-button{flex:1}.results-header{flex-direction:column;align-items:flex-start}.results-grid,.technical-results{grid-template-columns:1fr}.quick-examples{flex-direction:column;align-items:flex-start}.quick-examples>span{margin-right:0}}@media (width<=420px){.calculator{padding:18px}.calculator-actions{flex-direction:column}.calculate-button,.reset-button{width:100%}.result-section-header{flex-direction:column;align-items:flex-start;gap:4px}}.vlsm-calculator{background:#fff;border:1px solid #dce3eb;border-radius:12px;max-width:920px;margin:30px auto;padding:36px;box-shadow:0 8px 28px #1e30480d}.vlsm-header{margin-bottom:30px}.vlsm-header .eyebrow{margin-bottom:10px}.vlsm-header h2{color:#101827;letter-spacing:-.025em;margin:0;font-size:30px;line-height:1.2}.vlsm-header>p:last-child{color:#697588;margin:10px 0 0;font-size:15px;line-height:1.6}.vlsm-base{background:#f8fafc;border:1px solid #e1e6ed;border-radius:8px;grid-template-columns:minmax(0,1fr) 150px;gap:16px;padding:22px;display:grid}.vlsm-base label{color:#4e5c70;margin-bottom:8px;font-size:12px;font-weight:700;display:block}.vlsm-base input{box-sizing:border-box;color:#172033;background:#fff;border:1px solid #d3dce7;border-radius:6px;outline:none;width:100%;height:46px;padding:0 13px;font-family:Consolas,Courier New,monospace;font-size:15px}.vlsm-base input:focus{border-color:#1769e0;box-shadow:0 0 0 3px #1769e01a}.vlsm-base .cidr-field{background:#fff;border:1px solid #d3dce7;border-radius:6px;align-items:center;height:46px;display:flex;overflow:hidden}.vlsm-base .cidr-field span{color:#7b8797;padding-left:13px;font-family:Consolas,Courier New,monospace}.vlsm-base .cidr-field input{box-shadow:none;border:0}.vlsm-requirements{margin-top:26px}.vlsm-section-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.vlsm-section-header h3{color:#172033;margin:0;font-size:18px}.vlsm-section-header p{color:#7b8797;margin:5px 0 0;font-size:13px}.add-subnet-button{color:#1769e0;cursor:pointer;background:#fff;border:1px solid #d3dce7;border-radius:6px;padding:9px 13px;font-size:12px;font-weight:700}.add-subnet-button:hover{background:#f2f6fb}.requirement-list{gap:8px;display:grid}.requirement-row{background:#f8fafc;border:1px solid #e1e6ed;border-radius:7px;grid-template-columns:35px minmax(0,1fr) 150px 30px;align-items:center;gap:10px;padding:10px;display:grid}.requirement-number{color:#9aa4b2;text-align:center;font-family:Consolas,Courier New,monospace;font-size:11px;font-weight:700}.requirement-row>input,.hosts-input input{box-sizing:border-box;color:#263449;background:#fff;border:1px solid #d3dce7;border-radius:5px;outline:none;width:100%;height:40px;padding:0 11px;font-family:inherit;font-size:13px}.requirement-row input:focus{border-color:#1769e0;box-shadow:0 0 0 3px #1769e014}.hosts-input{position:relative}.hosts-input input{padding-right:48px;font-family:Consolas,Courier New,monospace}.hosts-input span{color:#8b96a5;font-size:10px;font-weight:700;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.remove-subnet-button{color:#8d98a6;cursor:pointer;background:0 0;border:0;border-radius:5px;width:30px;height:30px;font-size:20px;line-height:1}.remove-subnet-button:hover{color:#b42318;background:#fff1f1}.vlsm-actions{gap:8px;margin-top:18px;display:flex}.vlsm-actions .calculate-button{flex:1}.vlsm-results{border-top:1px solid #e1e6ed;margin-top:30px;padding-top:28px}.vlsm-results .results-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.vlsm-results .results-header h3{color:#172033;margin:0;font-size:22px}.vlsm-results .eyebrow{margin-bottom:7px}.vlsm-results .result-cidr{color:#1769e0;background:#f2f6fb;border:1px solid #d6e1ee;border-radius:6px;padding:8px 12px;font-family:Consolas,Courier New,monospace;font-size:13px;font-weight:700}.vlsm-summary{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px;display:grid}.vlsm-summary>div{background:#f8fafc;border:1px solid #e1e6ed;border-radius:7px;padding:14px}.vlsm-summary span{color:#8994a3;letter-spacing:.08em;margin-bottom:6px;font-size:9px;font-weight:800;display:block}.vlsm-summary strong{color:#263449;font-family:Consolas,Courier New,monospace;font-size:13px}.vlsm-table-wrapper{border:1px solid #e1e6ed;border-radius:8px;overflow-x:auto}.vlsm-table{border-collapse:collapse;background:#fff;width:100%;min-width:850px}.vlsm-table th{color:#6f7c8d;letter-spacing:.05em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #dfe5ec;padding:12px;font-size:10px;font-weight:800}.vlsm-table td{color:#526074;white-space:nowrap;border-bottom:1px solid #edf0f4;padding:13px 12px;font-size:12px}.vlsm-table tbody tr:last-child td{border-bottom:0}.vlsm-table td strong{color:#263449}.vlsm-table .mono{font-family:Consolas,Courier New,monospace;font-size:11px}@media (width<=700px){.vlsm-calculator{padding:22px}.vlsm-base{grid-template-columns:1fr}.vlsm-section-header{flex-direction:column;align-items:flex-start}.requirement-row{grid-template-columns:30px minmax(0,1fr) 110px 30px}.vlsm-summary{grid-template-columns:repeat(2,1fr)}.vlsm-results .results-header{flex-direction:column;align-items:flex-start}}@media (width<=500px){.vlsm-calculator{padding:18px}.requirement-row{grid-template-columns:28px minmax(0,1fr) 30px}.hosts-input{grid-column:2}.remove-subnet-button{grid-area:1/3/span 2}.vlsm-summary{grid-template-columns:1fr}.vlsm-actions{flex-direction:column}.vlsm-actions button{width:100%}}.cidr-range-calculator{border:1px solid var(--border-color);background:var(--surface-color);border-radius:18px;margin-top:32px;padding:32px}.cidr-range-header{margin-bottom:28px}.cidr-range-header h2{margin:6px 0 10px;font-size:30px;line-height:1.15}.cidr-range-header p:last-child{max-width:720px;color:var(--text-muted);margin:0;line-height:1.7}.cidr-range-inputs{grid-template-columns:minmax(0,1fr) 180px;gap:18px;margin-bottom:22px;display:grid}.cidr-range-calculator .input-group{flex-direction:column;gap:8px;display:flex}.cidr-range-calculator label{color:var(--text-color);font-size:13px;font-weight:700}.cidr-range-calculator input{box-sizing:border-box;border:1px solid var(--border-color);background:var(--background-color);width:100%;color:var(--text-color);font:inherit;border-radius:10px;outline:none;padding:13px 14px}.cidr-range-calculator input:focus{border-color:var(--accent-color)}.cidr-range-cidr-field{border:1px solid var(--border-color);background:var(--background-color);border-radius:10px;align-items:center;display:flex;overflow:hidden}.cidr-range-cidr-field span{color:var(--text-muted);padding-left:14px;font-weight:700}.cidr-range-cidr-field input{border:0;border-radius:0}.cidr-range-actions{gap:12px;margin-bottom:22px;display:flex}.cidr-range-actions button{min-height:44px;font:inherit;cursor:pointer;border-radius:9px;padding:0 20px;font-weight:700}.cidr-range-actions .calculate-button{border:1px solid var(--accent-color);background:var(--accent-color);color:#fff}.cidr-range-actions .reset-button{border:1px solid var(--border-color);color:var(--text-color);background:0 0}.cidr-range-results{border-top:1px solid var(--border-color);margin-top:28px;padding-top:28px}.cidr-range-results .results-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.cidr-range-results h3{margin:5px 0 0;font-size:22px}.cidr-range-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.range-result-item{border:1px solid var(--border-color);background:var(--background-color);border-radius:10px;padding:16px}.range-result-item span{letter-spacing:.08em;color:var(--text-muted);margin-bottom:7px;font-size:11px;font-weight:800;display:block}.range-result-item strong{overflow-wrap:anywhere;font-family:monospace;font-size:15px;display:block}.cidr-range-summary{border:1px solid var(--border-color);border-radius:10px;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:17px 18px;display:flex}.cidr-range-summary span{letter-spacing:.08em;color:var(--text-muted);font-size:11px;font-weight:800}.cidr-range-summary strong{text-align:right;font-family:monospace;font-size:15px}@media (width<=700px){.cidr-range-calculator{padding:22px}.cidr-range-inputs{grid-template-columns:1fr}.cidr-range-results .results-header{flex-direction:column;align-items:flex-start}.cidr-range-grid{grid-template-columns:1fr}.cidr-range-summary{flex-direction:column;align-items:flex-start}.cidr-range-summary strong{text-align:left}}@media (width<=500px){.cidr-range-calculator{border-radius:14px;padding:18px}.cidr-range-header h2{font-size:25px}.cidr-range-actions{flex-direction:column}.cidr-range-actions button{width:100%}}.ip-info-calculator{border:1px solid var(--border-color);background:var(--surface-color);border-radius:18px;margin-top:32px;padding:32px}.ip-info-header{margin-bottom:28px}.ip-info-header h2{margin:6px 0 10px;font-size:30px;line-height:1.15}.ip-info-header p:last-child{max-width:720px;color:var(--text-muted);margin:0;line-height:1.7}.ip-info-input{max-width:620px;margin-bottom:22px}.ip-info-input .input-group{flex-direction:column;gap:8px;display:flex}.ip-info-calculator label{color:var(--text-color);font-size:13px;font-weight:700}.ip-info-calculator input{box-sizing:border-box;border:1px solid var(--border-color);background:var(--background-color);width:100%;color:var(--text-color);font:inherit;border-radius:10px;outline:none;padding:13px 14px}.ip-info-calculator input:focus{border-color:var(--accent-color)}.ip-info-actions{gap:12px;margin-bottom:22px;display:flex}.ip-info-actions button{min-height:44px;font:inherit;cursor:pointer;border-radius:9px;padding:0 20px;font-weight:700}.ip-info-actions .calculate-button{border:1px solid var(--accent-color);background:var(--accent-color);color:#fff}.ip-info-actions .reset-button{border:1px solid var(--border-color);color:var(--text-color);background:0 0}.ip-info-results{border-top:1px solid var(--border-color);margin-top:28px;padding-top:28px}.ip-info-results .results-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.ip-info-results h3{margin:5px 0 0;font-size:22px}.result-cidr{border:1px solid var(--border-color);white-space:nowrap;border-radius:8px;padding:8px 12px;font-family:monospace;font-weight:700}.ip-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.ip-info-item{border:1px solid var(--border-color);background:var(--background-color);border-radius:10px;padding:16px}.ip-info-item span,.ip-info-binary span{letter-spacing:.08em;color:var(--text-muted);margin-bottom:7px;font-size:11px;font-weight:800;display:block}.ip-info-item strong{overflow-wrap:anywhere;font-family:monospace;font-size:15px;display:block}.ip-info-binary{border:1px solid var(--border-color);background:var(--background-color);border-radius:10px;margin-top:14px;padding:17px 18px}.ip-info-binary strong{word-break:break-all;font-family:monospace;font-size:14px;line-height:1.7;display:block}@media (width<=700px){.ip-info-calculator{padding:22px}.ip-info-results .results-header{flex-direction:column;align-items:flex-start}.ip-info-grid{grid-template-columns:1fr}}@media (width<=500px){.ip-info-calculator{border-radius:14px;padding:18px}.ip-info-header h2{font-size:25px}.ip-info-actions{flex-direction:column}.ip-info-actions button{width:100%}}.dns-tool{margin-top:48px}.dns-form{grid-template-columns:minmax(0,1fr) 180px auto;align-items:end;gap:16px;display:grid}.dns-input-group{flex-direction:column;gap:8px;display:flex}.dns-input-group label{color:#cbd5e1;font-size:13px;font-weight:600}.dns-input-group input,.dns-input-group select{color:#f8fafc;width:100%;height:46px;font:inherit;box-sizing:border-box;background:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;padding:0 14px}.dns-input-group input::placeholder{color:#64748b}.dns-input-group input:focus,.dns-input-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1f}.dns-lookup-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;height:46px;padding:0 24px;font-size:14px;font-weight:700;transition:background .2s,transform .1s}.dns-lookup-button:hover{background:#1d4ed8}.dns-lookup-button:active{transform:translateY(1px)}.dns-lookup-button:disabled{opacity:.6;cursor:wait}.dns-message{border-radius:8px;margin-top:20px;padding:14px 16px;font-size:14px}.dns-error{color:#fecaca;background:#2a1111;border:1px solid #7f1d1d}.dns-results{background:#0b1220;border:1px solid #263449;border-radius:10px;margin-top:28px;overflow:hidden}.dns-results-header{border-bottom:1px solid #263449;justify-content:space-between;align-items:center;gap:20px;padding:20px;display:flex}.dns-results-label{letter-spacing:.12em;color:#64748b;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.dns-results-header h3{color:#f8fafc;margin:0;font-size:18px;font-weight:650}.dns-status{color:#86efac;white-space:nowrap;background:#0f291b;border:1px solid #166534;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.dns-table-wrapper{width:100%;overflow-x:auto}.dns-table{border-collapse:collapse;width:100%;min-width:700px}.dns-table th,.dns-table td{text-align:left;border-bottom:1px solid #1e293b;padding:13px 16px;font-size:13px}.dns-table th{color:#94a3b8;background:#0f172a;font-weight:650}.dns-table td{color:#cbd5e1}.dns-table tbody tr:last-child td{border-bottom:0}.dns-table tbody tr:hover{background:#1e293b59}.dns-record-badge{color:#93c5fd;background:#111827;border:1px solid #334155;border-radius:5px;justify-content:center;align-items:center;min-width:42px;padding:4px 8px;font-size:11px;font-weight:700;display:inline-flex}.dns-value{word-break:break-word;max-width:420px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;color:#e2e8f0!important}.dns-copy-button{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:6px;padding:6px 10px;font-size:12px}.dns-copy-button:hover{color:#f8fafc;border-color:#64748b}.dns-empty{color:#94a3b8;padding:28px 20px;font-size:14px}.dns-examples{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;font-size:12px;display:flex}.dns-examples span{margin-right:4px;font-weight:600}.dns-examples button{color:#94a3b8;cursor:pointer;background:#0f172a;border:1px solid #263449;border-radius:6px;padding:6px 9px;font-size:12px}.dns-examples button:hover{color:#e2e8f0;border-color:#475569}@media (width<=760px){.dns-form{grid-template-columns:1fr}.dns-type-group,.dns-lookup-button{width:100%}.dns-results-header{flex-direction:column;align-items:flex-start}.dns-status{white-space:normal}.dns-table{min-width:650px}}.password-tool{margin-top:48px}.password-form{flex-direction:column;gap:24px;display:flex}.password-length-row{grid-template-columns:180px minmax(0,1fr);align-items:end;gap:24px;display:grid}.password-input-group{flex-direction:column;gap:8px;display:flex}.password-input-group label,.password-section-label{color:#cbd5e1;font-size:13px;font-weight:600}.password-input-group input[type=number],.password-input-group input[type=text]{color:#f8fafc;width:100%;height:46px;font:inherit;box-sizing:border-box;background:#0f172a;border:1px solid #334155;border-radius:8px;outline:none;padding:0 14px}.password-input-group input::placeholder{color:#64748b}.password-input-group input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1f}.password-range-group{flex-direction:column;gap:8px;padding-bottom:3px;display:flex}.password-range-group input[type=range]{accent-color:#2563eb;width:100%}.password-range-labels{color:#64748b;justify-content:space-between;font-size:11px;display:flex}.password-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 24px;display:grid}.password-section-label{grid-column:1/-1}.password-checkbox{color:#cbd5e1;cursor:pointer;align-items:center;gap:10px;min-height:36px;font-size:14px;display:flex}.password-checkbox input{accent-color:#2563eb;width:16px;height:16px;margin:0}.password-secondary-options{grid-template-columns:minmax(0,1fr) minmax(220px,320px);align-items:end}.password-message{border-radius:8px;padding:14px 16px;font-size:14px}.password-error{color:#fecaca;background:#2a1111;border:1px solid #7f1d1d}.password-actions{flex-wrap:wrap;gap:10px;display:flex}.password-generate-button,.password-reset-button{cursor:pointer;border-radius:8px;height:46px;padding:0 22px;font-size:14px;font-weight:700;transition:background .2s,border-color .2s,transform .1s}.password-generate-button{color:#fff;background:#2563eb;border:0}.password-generate-button:hover{background:#1d4ed8}.password-reset-button{color:#cbd5e1;background:0 0;border:1px solid #334155}.password-reset-button:hover{color:#f8fafc;border-color:#64748b}.password-generate-button:active,.password-reset-button:active,.password-copy-button:active{transform:translateY(1px)}.password-result{background:#0b1220;border:1px solid #263449;border-radius:10px;overflow:hidden}.password-result-header{border-bottom:1px solid #263449;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.password-results-label{letter-spacing:.12em;color:#64748b;font-size:11px;font-weight:700}.password-strength{white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.password-strength-weak{color:#fca5a5;background:#2a1111;border:1px solid #7f1d1d}.password-strength-fair{color:#fde68a;background:#2a210f;border:1px solid #854d0e}.password-strength-strong{color:#86efac;background:#0f291b;border:1px solid #166534}.password-strength-very-strong{color:#7dd3fc;background:#08243a;border:1px solid #075985}.password-display-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:20px;display:grid}.password-display-row code{color:#e2e8f0;overflow-wrap:anywhere;background:#0f172a;border:1px solid #263449;border-radius:8px;min-width:0;padding:14px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:15px;line-height:1.5}.password-copy-button{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:8px;height:44px;padding:0 16px;font-size:13px;font-weight:600}.password-copy-button:hover{color:#f8fafc;border-color:#64748b}.password-metrics{border-top:1px solid #263449;grid-template-columns:repeat(3,1fr);display:grid}.password-metrics div{border-right:1px solid #263449;flex-direction:column;gap:5px;padding:14px 20px;display:flex}.password-metrics div:last-child{border-right:0}.password-metrics span{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.password-metrics strong{color:#e2e8f0;font-size:14px}.password-privacy-note{color:#94a3b8;background:#0f172a;border:1px solid #263449;border-radius:8px;padding:14px 16px;font-size:12px;line-height:1.6}.password-privacy-note strong{color:#cbd5e1}@media (width<=760px){.password-length-row,.password-secondary-options,.password-options{grid-template-columns:1fr}.password-section-label{grid-column:auto}.password-display-row{grid-template-columns:1fr}.password-copy-button{width:100%}.password-metrics{grid-template-columns:1fr}.password-metrics div{border-bottom:1px solid #263449;border-right:0}.password-metrics div:last-child{border-bottom:0}.password-actions{flex-direction:column}.password-generate-button,.password-reset-button{width:100%}}.base64-tool{overflow:hidden}.base64-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:1.25rem;display:grid}.base64-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:1rem}.base64-panel-header{margin-bottom:1rem}.base64-panel h3{color:#0f172a;margin:0;font-size:1rem}.base64-panel-header p{color:#64748b;margin:.3rem 0 0;font-size:.82rem}.base64-panel textarea{box-sizing:border-box;resize:vertical;color:#0f172a;width:100%;min-height:190px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.75rem;line-height:1.5}.base64-panel textarea:focus{border-color:#2563eb;outline:2px solid #2563eb33}.base64-panel textarea::placeholder{color:#94a3b8}.base64-actions{gap:8px;margin-top:.75rem;display:flex}.base64-primary-button,.base64-secondary-button{cursor:pointer;border-radius:7px;min-height:40px;padding:.5rem .85rem;font-weight:700}.base64-primary-button{color:#fff;background:#2563eb;border:1px solid #2563eb}.base64-primary-button:hover:not(:disabled){background:#1d4ed8}.base64-secondary-button{color:#334155;background:#fff;border:1px solid #cbd5e1}.base64-secondary-button:hover:not(:disabled){background:#f8fafc}.base64-primary-button:disabled,.base64-secondary-button:disabled{opacity:.5;cursor:not-allowed}.base64-examples{flex-wrap:wrap;align-items:center;gap:8px;margin-top:1rem;display:flex}.base64-examples strong{color:#475569;margin-right:4px;font-size:.82rem}.base64-examples button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;min-height:36px;padding:.4rem .75rem;font-size:.78rem;font-weight:700}.base64-examples button:hover{background:#f8fafc}.base64-note{color:#64748b;background:#f8fafc;border-left:3px solid #94a3b8;margin-top:1rem;padding:.85rem 1rem;font-size:.82rem;line-height:1.5}.base64-note strong{color:#334155}.base64-reset{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;min-height:40px;margin-top:1rem;padding:.5rem .9rem;font-weight:700}.base64-reset:hover{background:#f8fafc}@media (width<=760px){.base64-grid{grid-template-columns:1fr}.base64-actions{flex-wrap:wrap}.base64-primary-button,.base64-secondary-button{flex:1}}.ip-port-tool{overflow:hidden}.ip-port-input-grid{grid-template-columns:minmax(0,1fr) 180px 150px;gap:12px;margin-top:1.25rem;display:grid}.ip-port-field{flex-direction:column;gap:6px;display:flex}.ip-port-field label{color:#475569;font-size:.82rem;font-weight:700}.ip-port-field input,.ip-port-field select{box-sizing:border-box;color:#0f172a;width:100%;min-height:44px;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:.7rem .75rem}.ip-port-field input:focus,.ip-port-field select:focus{border-color:#2563eb;outline:2px solid #2563eb33}.ip-port-status{flex-wrap:wrap;gap:10px;margin-top:1rem;display:flex}.ip-port-valid,.ip-port-invalid{border-radius:7px;padding:.55rem .75rem;font-size:.82rem;font-weight:700}.ip-port-valid{color:#166534;background:#f0fdf4}.ip-port-invalid{color:#991b1b;background:#fef2f2}.ip-port-results{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-top:1rem;padding:1rem}.ip-port-result-row{border-bottom:1px solid #f1f5f9;grid-template-columns:130px minmax(0,1fr);gap:12px;padding:.65rem 0;display:grid}.ip-port-result-row span{color:#64748b;font-size:.82rem}.ip-port-result-row strong{color:#0f172a;overflow-wrap:anywhere;min-width:0;font-size:.84rem}.ip-port-copy{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;width:100%;min-height:40px;margin-top:.8rem;font-weight:700}.ip-port-copy:hover{background:#f1f5f9}.ip-port-examples{flex-wrap:wrap;align-items:center;gap:8px;margin-top:1rem;display:flex}.ip-port-examples strong{color:#475569;margin-right:4px;font-size:.82rem}.ip-port-examples button{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:999px;min-height:36px;padding:.4rem .75rem;font-size:.78rem;font-weight:700}.ip-port-examples button:hover{background:#f8fafc}.ip-port-note{color:#64748b;background:#f8fafc;border-left:3px solid #94a3b8;margin-top:1rem;padding:.85rem 1rem;font-size:.82rem;line-height:1.5}.ip-port-note strong{color:#334155}.ip-port-reset,.ip-port-example{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:7px;min-height:40px;margin-top:1rem;padding:.5rem .9rem;font-weight:700}.ip-port-reset:hover,.ip-port-example:hover{background:#f8fafc}.ip-port-example{margin-left:8px}@media (width<=760px){.ip-port-input-grid{grid-template-columns:1fr}.ip-port-result-row{grid-template-columns:1fr;gap:3px}.ip-port-example{margin-left:0}}