/* Can Blog v10 - Nordic Light / Clean IT Portal Theme */
:root{
  --bg:#f6f8fc;
  --bg2:#eef3fb;
  --surface:#ffffff;
  --surface2:#f8fafc;
  --panel:#ffffff;
  --panel2:#f7f9fd;
  --text:#142033;
  --muted:#64748b;
  --line:#dbe3ef;
  --line2:#edf1f7;
  --accent:#2563eb;
  --accent2:#0f766e;
  --accent3:#f59e0b;
  --danger:#dc2626;
  --success:#059669;
  --warning:#d97706;
  --info:#0284c7;
  --shadow:0 18px 55px rgba(15,23,42,.08);
  --shadow2:0 8px 25px rgba(15,23,42,.07);
  --container:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f8fbff 0%,#f2f6fb 42%,#f7f9fc 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 12%,rgba(37,99,235,.10),transparent 25%),radial-gradient(circle at 90% 5%,rgba(15,118,110,.10),transparent 22%),linear-gradient(rgba(15,23,42,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(15,23,42,.025) 1px,transparent 1px);background-size:auto,auto,54px 54px,54px 54px;z-index:-1}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}main{min-height:calc(100vh - 132px)}
input,textarea,select{width:100%;border:1px solid var(--line);background:#fff;color:var(--text);border-radius:16px;padding:12px 14px;margin-top:6px;outline:none;font:inherit;box-shadow:0 1px 0 rgba(15,23,42,.02)}input:focus,textarea:focus,select:focus{border-color:rgba(37,99,235,.55);box-shadow:0 0 0 4px rgba(37,99,235,.11)}textarea{resize:vertical}label{display:block;color:var(--muted);font-size:.94rem;font-weight:700}button,.btn{border:1px solid var(--line);background:#fff;color:var(--text);border-radius:999px;padding:12px 18px;cursor:pointer;display:inline-flex;gap:8px;align-items:center;justify-content:center;font:inherit;font-weight:850;line-height:1;white-space:nowrap;transition:.2s ease;box-shadow:var(--shadow2)}.btn:hover,button:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.32);box-shadow:0 12px 32px rgba(37,99,235,.12)}.btn.primary,button.primary{background:linear-gradient(135deg,#1d4ed8,#2563eb);color:#fff;border:0;box-shadow:0 15px 32px rgba(37,99,235,.24)}.btn.danger{background:#fff1f2;border-color:#fecdd3;color:#be123c}.btn.small{padding:9px 13px;font-size:.9rem}.text-link{color:var(--accent);font-weight:900}.badge{display:inline-flex;align-items:center;gap:6px;color:var(--accent2);font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.12em}.muted{color:var(--muted)}
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(219,227,239,.9);display:flex!important;justify-content:space-between!important;align-items:center!important;padding:14px max(24px,calc((100vw - var(--container))/2))!important;min-height:72px;box-shadow:0 8px 28px rgba(15,23,42,.05)}.brand{font-size:1.12rem;font-weight:950;letter-spacing:.1px;white-space:nowrap;color:#0f172a;display:inline-flex;align-items:center;gap:2px}.brand:before{content:"CT";width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#1d4ed8,#0f766e);color:#fff;display:inline-grid;place-items:center;margin-right:9px;font-size:.78rem;letter-spacing:.04em;box-shadow:0 12px 22px rgba(37,99,235,.22)}.brand span{color:var(--accent);margin-left:3px}.site-nav{display:flex!important;align-items:center;gap:6px;color:var(--muted);font-size:.94rem;font-weight:750}.site-nav a{transition:.2s;border-radius:999px;padding:9px 11px}.site-nav a:hover{color:var(--accent);background:#eff6ff}.mobile-toggle{display:none!important;width:42px;height:42px;padding:0;border-radius:14px;font-size:1.2rem;background:#fff}
.hero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.65fr);gap:44px;align-items:center;width:min(var(--container),calc(100% - 48px));margin:0 auto;padding:74px 0}.hero h1,.page-title h1{font-size:clamp(2.25rem,4.6vw,4.85rem);line-height:1.02;margin:16px 0 18px;letter-spacing:-.06em;color:#0f172a}.hero p,.page-title p,.lead{color:var(--muted);font-size:1.08rem;max-width:760px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent2);font-weight:950;text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;padding:7px 11px}.stack-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.stack-list span{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 12px;color:#334155;font-weight:800;font-size:.9rem;box-shadow:0 6px 20px rgba(15,23,42,.05)}.dashboard-card{min-height:360px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.dashboard-card:after{content:"";position:absolute;inset:auto -70px -70px auto;width:180px;height:180px;border-radius:50%;background:rgba(37,99,235,.08)}.dashboard-card h2{font-size:2rem;line-height:1.1;margin:14px 0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.mini-stats div{background:var(--surface2);border:1px solid var(--line2);border-radius:18px;padding:14px}.mini-stats strong{display:block;font-size:1.35rem;color:var(--text)}.mini-stats span{display:block;color:var(--muted);font-size:.78rem}
.section,.page-title,.blog-filter,.searchbar,.card-grid.section,.feature-grid,.cv-grid,.contact-wrap,.tools-grid,.split-section{width:min(var(--container),calc(100% - 48px));margin-left:auto;margin-right:auto}.section{padding:42px 0}.page-title{padding:70px 0 30px}.section-head,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.section-head h2,.panel-head h1{margin:4px 0 0;font-size:clamp(1.8rem,3vw,2.8rem);letter-spacing:-.04em;color:#0f172a}.panel,.post-card,.stat,.card,.hero-card,.feature-grid>div,.cv-grid>div,.contact-wrap>div,.feature-strip>div,.portal-card,.project-card,.command-card,.search-result,.cert-card,.panelish,.status-card,.sidebar-box{background:rgba(255,255,255,.92);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:28px;padding:24px}.card{min-height:100%}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.post-card{transition:.2s ease}.post-card:hover,.portal-card:hover,.project-card:hover,.command-card:hover{transform:translateY(-3px);border-color:rgba(37,99,235,.26);box-shadow:0 22px 65px rgba(37,99,235,.12)}.post-card img{height:180px;width:100%;object-fit:cover;border-radius:20px;margin-bottom:14px;background:#e2e8f0}.post-card span{color:var(--accent2);font-size:.82rem;font-weight:900}.post-card h2,.post-card h3{line-height:1.2;margin:.5rem 0;color:#0f172a}.post-card p{color:var(--muted)}.feature-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:0}.feature-strip span{color:var(--accent);font-weight:950}.feature-strip h3{font-size:1.35rem;margin:.35rem 0;color:#0f172a}.feature-strip p{color:var(--muted);margin:0}.feature-grid,.cv-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:25px 0}.split-section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.split-section .panel p{color:var(--muted)}.split-section .panel .btn{margin-top:12px}.contact-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);gap:24px;padding:18px 0 50px}.contact-wrap .panel{min-height:100%}.grid,.tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.tools-grid{padding:25px 0}.codebox,.tool-output,.command-code{white-space:pre-wrap;background:#0f172a;border:1px solid #1e293b;padding:16px;border-radius:18px;color:#e2e8f0;overflow:auto}.form{max-width:760px}.blog-filter,.searchbar{margin-bottom:22px;display:grid;grid-template-columns:1fr 240px auto;gap:10px;align-items:end}.searchbar{grid-template-columns:1fr auto}.article{max-width:920px;margin:0 auto;padding:60px 24px}.article h1{font-size:clamp(2rem,5vw,4rem);line-height:1.05;letter-spacing:-.055em;color:#0f172a}.article-cover{border-radius:28px;margin:28px 0;max-height:460px;width:100%;object-fit:cover;background:#e2e8f0}.content{font-size:1.08rem;color:#334155}.tag-row,.tech-list,.command-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.tag-row span,.tech-list span,.command-meta span{background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:7px 12px;color:#1d4ed8;font-weight:850}.alert{padding:12px 14px;border-radius:14px;margin-bottom:16px}.alert.success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.alert.error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}.site-footer{width:min(var(--container),calc(100% - 48px));margin:42px auto 0;padding:30px 0;color:var(--muted);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:center}.site-footer p{margin:.25rem 0 0}
.login-page{display:grid!important;place-items:center!important;min-height:100vh!important;padding:24px!important;background:linear-gradient(135deg,#eff6ff,#f8fafc 58%,#ecfdf5)!important}.login-card{width:min(440px,92vw)!important;background:rgba(255,255,255,.94)!important;border:1px solid var(--line)!important;border-radius:30px!important;padding:32px!important;box-shadow:var(--shadow)!important}.login-card h1{margin:0 0 8px!important;font-size:2.4rem!important;line-height:1.05!important;color:#0f172a!important}.login-card p{color:var(--muted);margin:0 0 22px!important}.login-card form{display:grid!important;gap:14px!important}.login-card .btn,.login-card button{width:100%;margin-top:4px}
/* v7 Sidebar */
.content-layout{width:min(var(--container),calc(100% - 48px));margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;align-items:start;padding:18px 0 56px}.content-main{min-width:0}.right-sidebar-layout .content-sidebar{position:sticky;top:94px}.content-sidebar{display:grid;gap:16px}.page-title-with-tools{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.enhanced-filter{width:100%;margin-left:auto;margin-right:auto}.horizontal-post-card{display:grid;grid-template-columns:220px 1fr;gap:18px;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:28px;padding:16px;box-shadow:var(--shadow);margin-bottom:16px}.horizontal-post-card img{width:100%;height:100%;min-height:160px;object-fit:cover;border-radius:20px;background:#e2e8f0}.horizontal-post-card h2{margin:.25rem 0;color:#0f172a}.horizontal-post-card p{color:var(--muted)}.sidebar-title{font-weight:950;color:#0f172a;margin:0 0 12px}.sidebar-list{display:grid;gap:9px}.sidebar-list a,.sidebar-list div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line2);color:#475569}.sidebar-list a:hover{color:var(--accent)}.sidebar-tags{display:flex;gap:8px;flex-wrap:wrap}.sidebar-tags a{border:1px solid var(--line);background:#f8fafc;border-radius:999px;padding:7px 10px;color:#475569;font-weight:800}.sidebar-tags a:hover{background:#eff6ff;color:var(--accent);border-color:#bfdbfe}.active-filter-line{color:var(--muted);margin-bottom:14px}.active-filter-line a{color:var(--accent);font-weight:900;margin-left:8px}.hero-v7{width:min(var(--container),calc(100% - 48px));margin:0 auto;padding:74px 0 42px;display:grid;grid-template-columns:minmax(0,1.05fr) 360px;gap:28px;align-items:stretch}.hero-sidebar-card{min-height:100%}.accent-box{background:linear-gradient(135deg,#eff6ff,#ecfdf5);border-color:#bfdbfe}.compact-box{padding:18px}
/* v8 Portal */
.portal-hero{min-height:auto;padding-top:78px;padding-bottom:54px}.portal-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}.portal-metrics .metric{background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px;box-shadow:var(--shadow2)}.portal-metrics strong{display:block;font-size:1.6rem;color:var(--text)}.portal-metrics span{color:var(--muted);font-size:.84rem}.portal-grid{width:min(var(--container),calc(100% - 48px));margin:0 auto 54px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.portal-card{min-height:210px;display:flex;flex-direction:column;justify-content:space-between}.portal-card .icon{font-size:1.8rem;margin-bottom:12px}.portal-card h3{margin:.25rem 0 .45rem;font-size:1.25rem;color:#0f172a}.portal-card p{color:var(--muted);margin:0 0 18px}.directory-layout{width:min(var(--container),calc(100% - 48px));margin:0 auto 60px;display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.directory-main{display:grid;gap:16px}.directory-sidebar{position:sticky;top:96px;display:grid;gap:16px}.project-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.project-card h2,.command-card h2{margin:.15rem 0 .4rem;line-height:1.2;color:#0f172a}.status-pill{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:999px;color:#047857;padding:7px 10px;font-weight:900;font-size:.82rem;white-space:nowrap}.copy-row{display:flex;gap:10px;align-items:center;margin-top:12px;flex-wrap:wrap}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-pills a{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;color:#475569;font-weight:800}.filter-pills a.active{background:#eff6ff;border-color:#bfdbfe;color:var(--accent)}.vlan-tool{width:min(980px,calc(100% - 48px));margin:0 auto 60px}.vlan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.vlan-result{margin-top:18px}.result-table{width:100%;border-collapse:separate;border-spacing:0 8px}.result-table th{color:var(--muted);text-align:left}.result-table td{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px}.result-table td:first-child{border-left:1px solid var(--line);border-radius:14px 0 0 14px}.result-table td:last-child{border-right:1px solid var(--line);border-radius:0 14px 14px 0}.cv-hero{width:min(var(--container),calc(100% - 48px));margin:0 auto;padding:68px 0 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:stretch}.timeline{display:grid;gap:14px}.timeline-item{border-left:3px solid rgba(37,99,235,.45);padding-left:16px}.skill-bars{display:grid;gap:12px}.skill-bar span{display:flex;justify-content:space-between;color:#334155;font-weight:850}.skill-bar i{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));margin-top:8px}.cert-grid{width:min(var(--container),calc(100% - 48px));margin:0 auto 60px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.search-page{width:min(980px,calc(100% - 48px));margin:0 auto 60px}.search-results{display:grid;gap:14px;margin-top:22px}.empty-state{border:1px dashed #cbd5e1;border-radius:24px;padding:28px;color:var(--muted);text-align:center;background:#fff}
/* v9 Ops */
.ops-layout,.tool-panel{width:min(var(--container),calc(100% - 48px));margin:0 auto 60px}.ops-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.ops-main{display:grid;gap:22px}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.status-card{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.status-card h2{margin:.2rem 0 .35rem;color:#0f172a}.status-card p{margin:0;color:var(--muted)}.status-card strong{border-radius:999px;padding:7px 10px;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.status-dot{width:12px;height:12px;border-radius:999px;display:inline-block;margin-right:8px;background:var(--accent2);box-shadow:0 0 0 7px rgba(15,118,110,.10)}.status-card.ok strong{background:#ecfdf5;color:#047857;border:1px solid #a7f3d0}.status-card.warn strong{background:#fffbeb;color:#b45309;border:1px solid #fde68a}.status-card.bad strong{background:#fff1f2;color:#be123c;border:1px solid #fecdd3}.status-card.info strong{background:#f0f9ff;color:#0369a1;border:1px solid #bae6fd}.incident-row{display:grid;grid-template-columns:110px 1fr 180px;gap:12px;align-items:center;border-top:1px solid var(--line2);padding:12px 0}.incident-row span{color:var(--accent);font-weight:900}.incident-row em{color:var(--muted);font-style:normal;font-size:.88rem}.tool-panel form{display:grid;gap:14px}.tool-panel .alert{margin-bottom:14px}
@media(max-width:1050px){.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-layout,.cv-hero,.ops-layout{grid-template-columns:1fr}.directory-sidebar,.right-sidebar-layout .content-sidebar{position:static}.portal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-layout{grid-template-columns:1fr}.content-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.horizontal-post-card{grid-template-columns:180px 1fr}.hero-v7{grid-template-columns:1fr}.status-grid{grid-template-columns:1fr}.incident-row{grid-template-columns:1fr}}
@media(max-width:900px){.site-header{padding:12px 20px!important}.site-nav{display:none!important;position:absolute;left:0;right:0;top:67px;background:#fff;padding:16px 20px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line);box-shadow:0 24px 50px rgba(15,23,42,.08)}.menu-open .site-nav{display:flex!important}.mobile-toggle{display:inline-flex!important}.hero{grid-template-columns:1fr;min-height:auto;padding:48px 0}.hero h1{font-size:clamp(2.25rem,13vw,3.4rem)}.card-grid,.feature-strip,.feature-grid,.cv-grid,.contact-wrap,.grid,.tools-grid,.split-section{grid-template-columns:1fr}.blog-filter,.searchbar{grid-template-columns:1fr;display:grid}.section,.page-title,.blog-filter,.searchbar,.card-grid.section,.feature-grid,.cv-grid,.contact-wrap,.tools-grid,.split-section,.hero,.portal-grid,.directory-layout,.vlan-tool,.search-page,.cv-hero,.cert-grid,.ops-layout,.tool-panel,.content-layout,.hero-v7{width:min(100% - 32px,var(--container))}.panel-head,.section-head{align-items:flex-start;flex-direction:column}.article{padding:42px 18px}.site-footer{width:min(100% - 32px,var(--container));flex-direction:column;align-items:flex-start}.mini-stats,.portal-metrics,.vlan-grid,.cert-grid{grid-template-columns:1fr}.content-sidebar{grid-template-columns:1fr}.horizontal-post-card{grid-template-columns:1fr}.horizontal-post-card img{height:190px}.active-filter-line a{margin-left:0}.page-title-with-tools{display:block}.project-top{display:block}.status-pill{display:inline-flex;margin-top:10px}}