:root{color-scheme:light;--bg: #ffffff;--bg-soft: #f6f8ff;--surface: #ffffff;--surface-strong: #eef2ff;--text: #061944;--muted: #53617d;--border: #d8deef;--accent: #3155ff;--accent-strong: #1938d7;--accent-soft: #e9edff;--violet: #6d4cff;--shadow: 0 20px 60px rgba(20, 39, 89, .12);--radius: 8px;--container: min(1120px, calc(100vw - 40px) );font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #071126;--bg-soft: #0d1933;--surface: #0b1730;--surface-strong: #14244a;--text: #edf3ff;--muted: #9da9c4;--border: #23345d;--accent: #7a8cff;--accent-strong: #a6b1ff;--accent-soft: #17224a;--violet: #ad8bff;--shadow: 0 20px 70px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:inherit}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-shell{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,color-mix(in srgb,var(--accent-soft) 36%,transparent),transparent 460px),var(--bg)}.site-shell main{flex:1}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;width:var(--container);min-height:78px;margin:0 auto;background:transparent}.site-header:before{position:absolute;inset:0 auto 0 50%;z-index:-1;width:100vw;border-bottom:1px solid var(--border);background:var(--bg);content:"";transform:translate(-50%)}.brand,.header-actions,.site-nav,.hero-actions,.text-link,.button,.theme-toggle,.profile-strip,.stack-strip,.contact-card{display:flex;align-items:center}.brand{gap:10px;color:var(--text);font-size:21px;font-weight:800}.brand svg{color:var(--accent)}.site-nav{gap:34px;color:var(--muted);font-size:15px;font-weight:650}.site-nav a{position:relative;padding:29px 0}.site-nav a.active,.site-nav a:hover{color:var(--text)}.site-nav a.active:after{position:absolute;right:0;bottom:-1px;left:0;height:3px;background:var(--accent);content:""}.header-actions{gap:12px}.header-contact{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;font-weight:700;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.theme-toggle,.menu-button{min-width:42px;height:42px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.header-contact:hover,.header-contact:focus-visible,.theme-toggle:hover,.theme-toggle:focus-visible,.menu-button:hover,.menu-button:focus-visible{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 18%,transparent);outline:none;transform:translateY(-1px)}.header-contact:hover,.header-contact:focus-visible{background:var(--accent);color:#fff}.theme-toggle:hover .theme-toggle-track,.theme-toggle:focus-visible .theme-toggle-track{background:var(--accent-strong)}.theme-toggle{justify-content:center;gap:7px;padding:0 10px}.theme-toggle-track{position:relative;width:34px;height:18px;border-radius:999px;background:var(--accent);transition:background .16s ease}.theme-toggle-thumb{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .16s ease}:root[data-theme=dark] .theme-toggle-thumb{transform:translate(16px)}.menu-button{display:none;place-items:center}.hero-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,1fr);gap:72px;align-items:center;width:var(--container);min-height:680px;margin:0 auto;padding:76px 0 58px}.hero-copy h1{max-width:680px;margin:0;color:var(--text);font-size:clamp(52px,5.4vw,72px);font-weight:850;line-height:.98;letter-spacing:0}.hero-title{margin:22px 0 0;color:var(--accent);font-size:clamp(32px,4vw,48px);font-weight:800;line-height:1.05}.hero-text{max-width:610px;margin:32px 0 0;color:var(--muted);font-size:20px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:40px}.button{justify-content:center;gap:10px;min-height:56px;padding:0 24px;border:1px solid var(--accent);border-radius:var(--radius);font-size:16px;font-weight:750;transition:transform .16s ease,border-color .16s ease,background .16s ease}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--accent);color:#fff;box-shadow:0 16px 34px color-mix(in srgb,var(--accent) 32%,transparent)}.button.secondary{background:var(--surface);color:var(--accent-strong)}.button.compact{min-height:44px;padding:0 16px;font-size:14px}.button.disabled-link{max-width:fit-content;border-color:var(--border);color:var(--muted);pointer-events:none}.hero-visual{display:grid;gap:18px}.profile-strip{justify-self:end;gap:14px;width:min(100%,420px);padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow)}.profile-strip img{width:58px;height:58px;border-radius:7px;object-fit:cover}.profile-strip picture{display:block;width:58px;height:58px;flex:0 0 58px}.profile-strip strong,.profile-strip span{display:block}.profile-strip strong{font-size:15px}.profile-strip span{margin-top:4px;color:var(--muted);font-size:13px}.code-panel{display:grid;grid-template-columns:180px minmax(0,1fr);min-height:372px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.code-sidebar{display:flex;flex-direction:column;gap:3px;padding:16px 12px;border-right:1px solid var(--border);color:var(--muted);font-size:14px}.code-sidebar span{display:block;min-height:30px;padding:5px 8px;border-radius:6px}.code-sidebar .selected{background:var(--accent-soft);color:var(--accent-strong);font-weight:750}.code-window-tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.code-window-tabs span{display:block;min-width:104px;padding:13px 16px;border-right:1px solid var(--border);background:transparent;color:var(--muted);font-size:13px;font-weight:650;text-align:left}.code-window-tabs span.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:800}.code-summary{display:grid;gap:4px;padding:16px 22px 0}.code-summary strong{color:var(--text);font-size:14px}.code-summary span{color:var(--muted);font-size:12px;line-height:1.45}.code-window pre{margin:0;padding:18px 22px 22px;overflow:auto;color:var(--text);font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.content-section,.page-section,.article-page{width:var(--container);margin:0 auto;padding:78px 0}.content-section{border-top:1px solid var(--border)}.section-header{max-width:680px;margin-bottom:34px}.section-header h2{margin:0;font-size:clamp(32px,4vw,46px);line-height:1.08;letter-spacing:0}.section-header p{margin:16px 0 0;color:var(--muted);font-size:18px;line-height:1.65}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card,.plain-panel,.post-row,.contact-card,.resume-block{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.service-card{min-height:210px;padding:28px}.service-card svg{color:var(--accent)}.service-card h3,.plain-panel h2,.post-row h2,.timeline-item h2,.resume-block h2,.resume-job h3{margin:18px 0 10px;font-size:22px;line-height:1.22}.service-card p,.plain-panel p,.post-row p,.timeline-item p,.resume-block p,.article-page p{color:var(--muted);line-height:1.7}.stack-strip{flex-wrap:wrap;gap:14px;margin-top:34px;padding:22px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.stack-strip strong{margin-right:14px}.stack-strip span,.tag-list span{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--muted);font-size:14px;font-weight:650}.text-link{gap:8px;width:fit-content;margin-top:28px;color:var(--accent-strong);font-weight:800}.plain-panel{margin-top:28px;padding:30px}.tag-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.inline-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.inline-tags span{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);font-size:13px;font-weight:700}.timeline{display:grid;gap:18px}.timeline-item{display:grid;grid-template-columns:48px minmax(0,1fr);gap:20px;padding:28px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.timeline-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent-strong)}.timeline-item h2,.resume-job h3{margin-top:6px}.timeline-item strong,.resume-job strong{color:var(--text)}.meta{margin:0;color:var(--accent-strong);font-size:14px;font-weight:800}.post-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.post-row{display:flex;flex-direction:column;min-height:310px;padding:28px}.post-row h2,.post-row p:not(.meta){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}.post-row h2{min-height:3.66em;max-height:3.66em;-webkit-line-clamp:3}.post-row p:not(.meta){min-height:5.1em;max-height:5.1em;-webkit-line-clamp:3}.post-row .text-link{margin-top:auto;padding-top:24px}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.contact-card{align-items:flex-start;flex-direction:column;gap:12px;min-height:190px;padding:28px}.contact-card svg{color:var(--accent)}.contact-card span{color:var(--muted);font-size:14px;font-weight:700}.contact-card strong{overflow-wrap:anywhere;font-size:20px}.primary-contact{border-color:var(--accent);background:var(--accent);color:#fff}.primary-contact span,.primary-contact svg{color:#fff}.resume-page .button{margin-bottom:30px}.resume-block{margin-top:18px;padding:28px}.resume-job{padding-top:18px;border-top:1px solid var(--border)}.resume-job:first-of-type{padding-top:0;border-top:0}.article-page{max-width:780px}.article-page h1{margin:12px 0 18px;font-size:clamp(38px,5vw,58px);line-height:1.05}.article-page h2{margin:30px 0 10px;font-size:24px;line-height:1.2}.article-page .lead{color:var(--text);font-size:21px}.article-page a:not(.back-link){color:var(--accent-strong);font-weight:750;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.article-list{margin:12px 0 22px;padding-left:24px;color:var(--muted)}.article-list li{margin-top:8px;padding-left:4px;line-height:1.7}.back-link{display:inline-flex;margin-bottom:24px;color:var(--accent-strong);font-weight:800}.site-footer{display:flex;justify-content:space-between;gap:32px;width:var(--container);margin:0 auto;padding:38px 0;border-top:1px solid var(--border);color:var(--muted)}.site-footer strong{color:var(--text)}.site-footer p{max-width:420px;margin:8px 0 0;line-height:1.6}.footer-links{display:grid;gap:9px;text-align:right}.footer-links a:hover{color:var(--accent-strong)}.cookie-banner{position:fixed;right:24px;bottom:24px;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;width:min(720px,calc(100vw - 32px));padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow)}.cookie-banner strong{color:var(--text)}.cookie-banner p{margin:6px 0 4px;color:var(--muted);font-size:14px;line-height:1.5}.cookie-banner a{color:var(--accent-strong);font-size:14px;font-weight:750}.cookie-actions{display:flex;gap:10px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}@media(max-width:980px){.hero-section{grid-template-columns:1fr;min-height:auto}.hero-visual,.profile-strip{justify-self:stretch}.service-grid,.service-grid.two-columns,.contact-grid{grid-template-columns:1fr}.post-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){:root{--container: min(100vw - 28px, 1120px)}.site-header{min-height:70px}.site-nav{position:fixed;top:70px;right:14px;left:14px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);box-shadow:var(--shadow);color:var(--muted)}.site-nav.is-open{display:flex}.site-nav a{padding:14px 12px;border-radius:6px}.site-nav a.active{background:var(--accent-soft);color:var(--accent-strong)}.site-nav a:hover{color:var(--accent-strong);background:var(--accent-soft)}.site-nav a.active:after{display:none}.header-contact{display:none}.menu-button{display:grid}.hero-section,.content-section,.page-section,.article-page{padding:48px 0}.hero-copy h1{font-size:48px}.hero-title{font-size:31px}.hero-text{font-size:18px}.button{width:100%}.code-panel{grid-template-columns:1fr;min-height:0}.code-sidebar{display:none}.code-window pre{font-size:12px}.site-footer{flex-direction:column}.post-list{grid-template-columns:1fr}.footer-links{text-align:left}.cookie-banner{right:14px;bottom:14px;grid-template-columns:1fr}.cookie-actions{flex-direction:column}}@media(max-width:520px){.brand span{font-size:17px}.theme-toggle svg{display:none}.hero-copy h1{font-size:42px}.hero-title{font-size:28px}.service-card,.plain-panel,.post-row,.timeline-item,.contact-card,.resume-block{padding:22px}.timeline-item{grid-template-columns:1fr}}