*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-card:#1c2230;--accent:#00d4aa;--accent-dark:#009e7f;--accent-warn:#f0a500;--text-primary:#e6edf3;--text-muted:#8b949e;--border:#30363d;--radius:8px}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.navbar{background:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:64px;padding:0 2rem;display:flex;position:sticky;top:0}.navbar__brand{color:var(--accent);letter-spacing:-.5px;font-size:1.4rem;font-weight:700;text-decoration:none!important}.navbar__links{align-items:center;gap:1.5rem;list-style:none;display:flex}.navbar__links a{color:var(--text-primary);font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s}.navbar__links a:hover,.navbar__links a.active{color:var(--accent)}.btn-coming-soon{border:1px solid var(--accent-warn);color:var(--accent-warn);cursor:not-allowed;opacity:.85;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.85rem;font-weight:600;display:inline-flex}.badge-soon{background:var(--accent-warn);color:#000;letter-spacing:.5px;border-radius:4px;padding:1px 5px;font-size:.65rem;font-weight:700}.navbar__toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;display:none}.navbar__toggle span{background:var(--text-primary);border-radius:2px;width:24px;height:2px;display:block}.hero{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#0d1117 0%,#0f2027 50%,#0d1117 100%);flex-direction:column;justify-content:center;min-height:420px;padding:4rem 2rem 5rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background-image:linear-gradient(#00d4aa0a 1px,#0000 1px),linear-gradient(90deg,#00d4aa0a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.hero__content{max-width:640px;position:relative}.hero__eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.8rem;font-weight:600}.hero__title{margin-bottom:1.2rem;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;line-height:1.2}.hero__title span{color:var(--accent)}.hero__subtitle{color:var(--text-muted);max-width:520px;margin-bottom:2rem;font-size:1.05rem}.hero__tagline{color:var(--text-muted);opacity:.75;font-size:.8rem;font-style:italic;position:absolute;bottom:1.5rem;right:2rem}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;text-decoration:none!important}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 4px 16px #00d4aa4d}.btn-outline{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn-outline:hover{background:#00d4aa14;transform:translateY(-1px)}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{color:var(--text-primary);border-color:var(--text-muted)}.playstore-badge{border-radius:var(--radius);background:#000;border:1px solid #333;align-items:center;gap:.6rem;padding:.7rem 1.4rem;font-size:.9rem;font-weight:600;transition:border-color .2s,transform .2s;display:inline-flex;color:#fff!important;text-decoration:none!important}.playstore-badge:hover{border-color:var(--accent);transform:translateY(-2px)}.section{max-width:1100px;margin:0 auto;padding:4rem 2rem}.section__header{text-align:center;margin-bottom:2.5rem}.section__header h2{margin-bottom:.5rem;font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.section__header p{color:var(--text-muted);font-size:.95rem}.tutorials-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.25rem;display:grid}.tutorial-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .2s,transform .2s}.tutorial-card:hover{border-color:var(--accent);transform:translateY(-3px)}.tutorial-card__icon{margin-bottom:.75rem;font-size:2rem;display:block}.tutorial-card__title{margin-bottom:.4rem;font-size:1rem;font-weight:600}.tutorial-card__desc{color:var(--text-muted);font-size:.85rem}.cta-banner{border:1px solid var(--border);border-radius:var(--radius);text-align:center;background:linear-gradient(135deg,#0f2027,#162032);margin:0 2rem 4rem;padding:3rem 2rem}.cta-banner h2{margin-bottom:.75rem;font-size:1.6rem;font-weight:700}.cta-banner p{color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.btn-group{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.about-page{max-width:780px;margin:0 auto;padding:4rem 2rem}.about-page__back{margin-bottom:2.5rem}.about-page__header{border-bottom:1px solid var(--border);align-items:center;gap:2rem;margin-bottom:2.5rem;padding-bottom:2rem;display:flex}.about-page__avatar{background:linear-gradient(135deg, var(--accent), #0077b6);color:#000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;font-size:2.5rem;font-weight:800;display:flex}.about-page__name{font-size:1.8rem;font-weight:700}.about-page__role{color:var(--accent);margin-top:.25rem;font-size:.95rem}.about-section{margin-bottom:2rem}.about-section h3{color:var(--accent);letter-spacing:.5px;text-transform:uppercase;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.about-section p{color:var(--text-muted);font-size:.96rem;line-height:1.75}.skills-list{flex-wrap:wrap;gap:.5rem;list-style:none;display:flex}.skills-list li{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:.3rem .75rem;font-size:.82rem}.about-page__cta{flex-wrap:wrap;gap:1rem;margin-top:2.5rem;display:flex}.footer{text-align:center;border-top:1px solid var(--border);color:var(--text-muted);background:var(--bg-secondary);padding:2rem;font-size:.82rem}.footer a{color:var(--text-muted)}.footer a:hover{color:var(--accent)}@media (width<=640px){.navbar{flex-wrap:wrap;height:auto;padding:.75rem 1rem}.navbar__toggle{display:flex}.navbar__links{flex-direction:column;align-items:flex-start;gap:.75rem;width:100%;padding:.75rem 0 .5rem;display:none}.navbar__links.open{display:flex}.hero{padding:3rem 1.25rem 4.5rem}.hero__tagline{right:1.25rem}.section{padding:2.5rem 1.25rem}.cta-banner{margin:0 1.25rem 3rem;padding:2rem 1.25rem}.about-page{padding:2.5rem 1.25rem}.about-page__header{text-align:center;flex-direction:column;gap:1rem}}.btn-ops-toolkit{border:1px solid var(--accent);border-radius:20px;align-items:center;gap:.4rem;padding:.35rem .9rem;font-size:.85rem;font-weight:600;transition:background .2s,color .2s;display:inline-flex;color:var(--accent)!important;text-decoration:none!important}.btn-ops-toolkit:hover,.btn-ops-toolkit.active{background:var(--accent);color:#000!important}.tk-layout{min-height:calc(100vh - 64px);display:flex}.tk-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;height:calc(100vh - 64px);transition:width .2s;display:flex;position:sticky;top:64px;overflow-y:auto}.tk-layout.sidebar-collapsed .tk-sidebar{width:48px}.tk-sidebar__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:.5rem;padding:1rem;display:flex}.tk-sidebar__brand{color:var(--accent);white-space:nowrap;font-size:1rem;font-weight:700;text-decoration:none!important}.tk-sidebar__toggle{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.7rem}.tk-sidebar__toggle:hover{color:var(--accent);border-color:var(--accent)}.tk-sidebar__search{padding:.75rem 1rem 0}.tk-search-input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);outline:none;padding:.45rem .75rem;font-size:.85rem}.tk-search-input:focus{border-color:var(--accent)}.tk-search-input--lg{max-width:480px;padding:.65rem 1rem;font-size:1rem}.tk-sidebar__nav{flex:1;padding:.75rem 0;overflow-y:auto}.tk-nav-group{margin-bottom:.5rem}.tk-nav-group__label{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:.5rem 1rem .25rem;font-size:.7rem;font-weight:700}.tk-nav-item{color:var(--text-muted);border-left:3px solid #0000;align-items:center;gap:.6rem;padding:.45rem 1rem;font-size:.875rem;transition:background .15s,color .15s;display:flex;text-decoration:none!important}.tk-nav-item:hover{color:var(--text-primary);background:#ffffff0a}.tk-nav-item.active{border-left-color:var(--accent);color:var(--accent);background:#00d4aa0f}.tk-nav-item__icon{text-align:center;flex-shrink:0;width:20px}.tk-sidebar__footer{border-top:1px solid var(--border);padding:1rem}.tk-back-link{color:var(--text-muted);font-size:.8rem;text-decoration:none}.tk-back-link:hover{color:var(--accent)}.tk-main{flex:1;min-width:0;overflow:auto}.tk-dashboard{max-width:1100px;margin:0 auto;padding:2.5rem 2rem}.tk-dashboard__header{margin-bottom:2.5rem}.tk-dashboard__header h1{margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.tk-dashboard__header p{color:var(--text-muted);margin-bottom:1.25rem}.tk-category{margin-bottom:2.5rem}.tk-category__title{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;margin-bottom:1rem;font-size:.8rem;font-weight:700}.tk-cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;display:grid}.tk-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.4rem;padding:1.25rem;transition:border-color .2s,transform .2s;display:flex;text-decoration:none!important}.tk-card:hover{border-color:var(--accent);transform:translateY(-2px)}.tk-card__icon{font-size:1.8rem}.tk-card__name{color:var(--text-primary);font-size:.95rem;font-weight:600}.tk-card__desc{color:var(--text-muted);flex:1;font-size:.8rem}.tk-card__btn{color:var(--accent);margin-top:.5rem;font-size:.8rem;font-weight:600}.tk-toolview{max-width:900px;padding:2rem}.tk-toolview__header{border-bottom:1px solid var(--border);align-items:center;gap:1rem;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}.tk-toolview__icon{font-size:2rem}.tk-toolview__title{font-size:1.4rem;font-weight:700}.tk-toolview__desc{color:var(--text-muted);margin-top:.2rem;font-size:.9rem}.tk-loading,.tk-not-found{color:var(--text-muted);padding:2rem}.tool-wrap{flex-direction:column;gap:1.25rem;display:flex}.tool-row{flex-direction:column;gap:.4rem;display:flex}.tool-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.tool-textarea{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text-primary);resize:vertical;outline:none;padding:.75rem;font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:.85rem;line-height:1.6}.tool-textarea:focus{border-color:var(--accent)}.tool-input{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);outline:none;width:100%;padding:.55rem .75rem;font-size:.9rem}.tool-input:focus{border-color:var(--accent)}.tool-input--mono{font-family:monospace;font-size:1rem}.tool-select{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);cursor:pointer;outline:none;padding:.5rem .75rem;font-size:.9rem}.tool-select:focus{border-color:var(--accent)}.tool-range{width:100%;accent-color:var(--accent)}.tool-toggle-group{flex-wrap:wrap;gap:.5rem;display:flex}.tool-toggle{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:.3rem .8rem;font-size:.85rem;transition:all .15s}.tool-toggle:hover{border-color:var(--accent);color:var(--text-primary)}.tool-toggle.active{background:var(--accent);border-color:var(--accent);color:#000;font-weight:600}.tool-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.tool-output-wrap{position:relative}.tool-output{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);white-space:pre-wrap;word-break:break-all;color:var(--text-primary);max-height:400px;padding:.75rem;font-family:monospace;font-size:.82rem;overflow:auto}.tool-copy-btn{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;position:absolute;top:.5rem;right:.5rem}.tool-copy-btn:hover{color:var(--accent);border-color:var(--accent)}.tool-mini-copy{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0 .25rem;font-size:.85rem}.tool-mini-copy:hover{color:var(--accent)}.tool-error{color:#ff6b6b;border-radius:var(--radius);background:#ff6b6b14;border:1px solid #ff6b6b4d;padding:.6rem .75rem;font-size:.85rem}.tool-success{color:var(--accent);font-size:.85rem}.tool-info{color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;font-size:.85rem}.tool-note{color:var(--text-muted);font-size:.78rem;font-style:italic}.tool-url{color:var(--accent);background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .75rem;font-family:monospace;font-size:.9rem}.tool-section-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-top:1px solid var(--border);padding-top:.5rem;font-size:.8rem;font-weight:700}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.tool-checkboxes{flex-wrap:wrap;gap:.75rem;display:flex}.tool-checkboxes label{color:var(--text-primary);cursor:pointer;align-items:center;gap:.4rem;font-size:.88rem;display:flex}.tz-table-wrap{overflow-x:auto}.tz-table{border-collapse:collapse;width:100%;font-size:.88rem}.tz-table th,.tz-table td{border-bottom:1px solid var(--border);text-align:left;padding:.6rem .75rem}.tz-table th{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.tz-time{color:var(--accent);font-family:monospace}.pw-result{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex;position:relative}.pw-value{letter-spacing:1px;color:var(--text-primary);word-break:break-all;flex:1;font-family:monospace;font-size:1rem}.pw-strength{border-radius:4px;width:fit-content;padding:.3rem .6rem;font-size:.82rem;font-weight:600}.strength-1{color:#ff6464;background:#ff646426}.strength-2{color:var(--accent-warn);background:#f0a50026}.strength-3{color:var(--accent);background:#00d4aa26}.strength-4{color:var(--accent);background:#00d4aa40;font-size:.9rem}.cert-result{flex-direction:column;gap:.75rem;display:flex}.cert-row{border-bottom:1px solid var(--border);gap:1rem;padding:.6rem 0;display:flex}.cert-key{min-width:160px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;flex-shrink:0;font-size:.8rem;font-weight:600}.cert-val{color:var(--text-primary);font-size:.88rem}.cert-fp{word-break:break-all;font-family:monospace;font-size:.78rem}.cert-expired{color:#ff6b6b}.cert-tags{flex-wrap:wrap;gap:.4rem;display:flex}.cert-tag{background:var(--bg-card);border:1px solid var(--border);border-radius:4px;padding:.2rem .5rem;font-size:.78rem}.jwt-sections{flex-direction:column;gap:1rem;display:flex}.jwt-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.jwt-section__title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.jwt-sig{word-break:break-all;color:var(--text-muted);font-family:monospace;font-size:.78rem}.jwt-sig-note{color:var(--text-muted);font-size:.75rem;font-weight:400}.subnet-table-wrap{overflow-x:auto}.subnet-table{border-collapse:collapse;width:100%;font-size:.88rem}.subnet-table td{border-bottom:1px solid var(--border);padding:.55rem .75rem}.subnet-key{color:var(--text-muted);width:180px;font-size:.8rem}.subnet-val code{color:var(--accent);font-family:monospace}.dns-row{flex-wrap:wrap;gap:.75rem;display:flex}.dns-row .tool-input{flex:1;min-width:180px}.dns-table{border-collapse:collapse;width:100%;font-size:.85rem}.dns-table th,.dns-table td{border-bottom:1px solid var(--border);text-align:left;padding:.55rem .75rem}.dns-table th{color:var(--text-muted);text-transform:uppercase;font-size:.75rem}.dns-type-badge{color:var(--accent);background:#00d4aa26;border-radius:4px;padding:.15rem .4rem;font-size:.75rem;font-weight:700}.dns-data code{font-family:monospace;font-size:.82rem}.diff-inputs{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.diff-pane{flex-direction:column;gap:.4rem;display:flex}.diff-ta{min-height:200px}.diff-stats{gap:1rem;font-size:.85rem;font-weight:600;display:flex}.diff-added{color:#4ade80}.diff-removed{color:#f87171}.diff-output{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);max-height:400px;padding:.5rem;overflow:auto}.diff-line{gap:.5rem;font-family:monospace;font-size:.82rem;line-height:1.6;display:flex}.diff-line--added{background:#4ade8014}.diff-line--removed{background:#f8717114}.diff-marker{flex-shrink:0;width:12px}.diff-line--added .diff-marker{color:#4ade80}.diff-line--removed .diff-marker{color:#f87171}.diff-text{white-space:pre-wrap;word-break:break-all}.units-row{gap:.75rem;display:flex}.units-row .tool-input{max-width:160px}.units-results{flex-direction:column;gap:.25rem;display:flex}.units-row-result{border-radius:6px;align-items:center;gap:1rem;padding:.5rem .75rem;display:flex}.units-row-result.active{border:1px solid var(--accent);background:#00d4aa14}.units-unit{min-width:120px;color:var(--text-muted);font-size:.85rem}.units-value{color:var(--text-primary);font-family:monospace;font-size:.95rem}.http-url-row{flex-wrap:wrap;gap:.75rem;display:flex}.http-method{flex-shrink:0;width:110px}.http-url{flex:1;min-width:200px}.http-header-row{align-items:center;gap:.5rem;display:flex}.http-header-row .tool-input{flex:1}.http-status{border-radius:var(--radius);padding:.6rem .75rem;font-size:1rem;font-weight:700}.http-ok{color:#4ade80;background:#4ade801f}.http-redirect{color:var(--accent-warn);background:#f0a5001f}.http-error{color:#f87171;background:#f871711f}.http-response{flex-direction:column;gap:.75rem;display:flex}.http-details{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;font-size:.82rem}.http-details summary{cursor:pointer;color:var(--text-muted);margin-bottom:.5rem}.http-header-item code{color:var(--text-primary);padding:.1rem 0;font-size:.8rem;display:block}.cron-fields{flex-wrap:wrap;gap:.5rem;display:flex}.cron-field{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;min-width:60px;padding:.6rem 1rem}.cron-field__val{color:var(--accent);font-family:monospace;font-size:1.1rem;font-weight:700}.cron-field__lbl{color:var(--text-muted);text-transform:uppercase;margin-top:.2rem;font-size:.7rem}.cron-desc{color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .75rem;font-size:.9rem}.cron-presets{flex-wrap:wrap;gap:.5rem;display:flex}.cron-next-runs{padding:0;list-style:inside decimal}.cron-next-runs li{color:var(--text-primary);border-bottom:1px solid var(--border);padding:.3rem 0;font-family:monospace;font-size:.85rem}@media (width<=768px){.tk-sidebar{z-index:200;height:calc(100vh - 64px);transition:transform .25s;position:fixed;top:64px;left:0;transform:translate(-100%);width:260px!important}.tk-layout:not(.sidebar-collapsed) .tk-sidebar{transform:translate(0)}.tk-main{width:100%}.diff-inputs{grid-template-columns:1fr}.tk-toolview{padding:1.25rem}}