/*
Theme Name: Zaerko IT
Theme URI: https://zaerko.ru/
Author: Vladimir Zaerko
Description: Dark modern IT portfolio and blog theme for WordPress.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: zaerko-it
*/

:root{--bg:#06111c;--bg2:#091725;--card:#0b1a2a;--line:#193149;--text:#eef6ff;--muted:#9db0c4;--accent:#0aa7ff;--accent2:#69c8ff;--max:1160px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}
.container{width:min(calc(100% - 40px),var(--max));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(4,13,23,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.header-inner{height:64px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px}.terminal{font-weight:900;color:var(--accent);font-size:24px}.brand-title{font-weight:800;font-size:15px}.brand-sub{font-size:11px;color:var(--muted)}.nav{display:flex;align-items:center;gap:28px;font-weight:700;font-size:14px}.nav a:hover{color:var(--accent2)}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}
.hero{min-height:520px;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(4,15,27,.98) 0%,rgba(4,15,27,.88) 42%,rgba(4,15,27,.35) 100%),radial-gradient(circle at 80% 25%,#0b4d75 0,transparent 35%),linear-gradient(135deg,#071525,#0a1b2d)}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:var(--line)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px}.eyebrow{font-weight:700;color:#d7e8f8}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:10px 0}.hero h1 span{color:var(--accent)}.hero-lead{font-size:20px;font-weight:700}.hero-copy{color:#c3d0dc;max-width:620px}.buttons{display:flex;gap:16px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 25px;border:1px solid #2b4c68;border-radius:6px;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-2px);border-color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#00101c}
.hero-art{min-height:340px;position:relative}.server-rack{position:absolute;right:0;top:28px;width:160px;height:310px;border:1px solid #245172;border-radius:5px;background:linear-gradient(90deg,#07111c,#102437);box-shadow:0 0 60px rgba(0,167,255,.14)}.server-rack i{display:block;height:9px;margin:18px 12px;border-radius:2px;background:#1673a5;box-shadow:0 0 14px #0aa7ff}.monitor{position:absolute;left:10px;top:75px;width:370px;height:210px;border:8px solid #07111c;border-radius:8px;background:#06111c;box-shadow:0 20px 50px #0008;overflow:hidden}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:18px;height:100%}.screen-grid div{border:1px solid #16405e;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#73ceff;background:#071826}.desk{position:absolute;left:0;right:0;bottom:25px;height:12px;background:#101c28;border-radius:50%}
.section{padding:70px 0}.section h2{font-size:30px;margin:0 0 4px}.section-sub{color:var(--muted);margin:0 0 28px}.topics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.topic,.post-card{background:linear-gradient(145deg,#0b1a2a,#081521);border:1px solid var(--line);border-radius:6px;transition:.2s}.topic{padding:24px}.topic:hover,.post-card:hover{transform:translateY(-3px);border-color:#2d6387}.topic-icon{font-size:27px;margin-bottom:12px}.topic h3{font-size:16px;margin:0 0 8px}.topic p{font-size:13px;color:var(--muted);margin:0}.posts{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.post-card{overflow:hidden}.post-thumb{height:150px;background:linear-gradient(135deg,#081a2a,#0b3550);display:flex;align-items:center;justify-content:center;font-weight:900;font-size:23px;color:#7ed5ff}.post-body{padding:18px}.cat{font-size:12px;color:var(--accent);font-weight:800}.post-body h3{font-size:16px;line-height:1.35;margin:7px 0}.post-body p{font-size:13px;color:var(--muted);margin:0 0 15px}.meta{font-size:12px;color:#71869b}
.archive-head{padding:65px 0 25px}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article{padding:35px 0}.article h1{font-size:42px;line-height:1.1}.article-content{max-width:820px;color:#d1dce7}.article-content h2{margin-top:35px}.article-content pre{overflow:auto;background:#020910;padding:18px;border:1px solid var(--line);border-radius:6px}.article-content code{color:#9fe0ff}
.site-footer{margin-top:50px;border-top:1px solid var(--line);background:#050e17}.footer-main{padding:32px 0;display:flex;justify-content:space-between;gap:30px}.footer-sub{padding:14px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.search-form{display:flex;gap:8px}.search-form input{flex:1;padding:12px;background:#081624;border:1px solid var(--line);color:white;border-radius:5px}.search-form button{padding:12px 18px;background:var(--accent);border:0;border-radius:5px;font-weight:800}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-art{display:none}.topics,.posts{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.container{width:min(calc(100% - 28px),var(--max))}.header-inner{height:58px}.nav{display:none}.menu-toggle{display:block}.hero{min-height:570px}.hero h1{font-size:46px}.hero-lead{font-size:17px}.topics,.posts,.content-grid{grid-template-columns:1fr}.section{padding:50px 0}.footer-main{display:block}.buttons .btn{flex:1}}