@import"https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,700;0,9..144,900;1,9..144,400;1,9..144,700&family=Satoshi:wght@400;500;700;900&family=JetBrains+Mono:wght@300;400&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F7F4EF;--bg2: #EEE9E1;--bg3: #E5DED4;--surface: #FFFFFF;--text: #18140F;--text2: #6B6059;--text3: #A89F95;--accent: #C44B1A;--accent2: #1A5CC4;--green: #16A34A;--purple: #7C3AED;--border: rgba(24,20,15,.09);--shadow: 0 1px 2px rgba(24,20,15,.06), 0 4px 16px rgba(24,20,15,.04);--fh: "Fraunces", serif;--fs: "Satoshi", sans-serif;--fm: "JetBrains Mono", monospace}[data-theme=dark]{--bg: #100E09;--bg2: #181410;--bg3: #221D16;--surface: #1C1812;--text: #F2EDE5;--text2: #9C9185;--text3: #5C5448;--accent: #E05A20;--accent2: #4A80E0;--border: rgba(242,237,229,.08);--shadow: 0 1px 2px rgba(0,0,0,.3), 0 4px 16px rgba(0,0,0,.2)}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--fs);transition:background .3s,color .3s;line-height:1.6}nav{display:flex;justify-content:space-between;align-items:center;padding:0 48px;height:60px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:50}.logo{font-family:var(--fh);font-size:18px;font-weight:900;color:var(--text);letter-spacing:-.03em;text-decoration:none}.logo span{color:var(--accent)}.nav-links{display:flex;gap:2px;list-style:none}.nav-links a{font-size:13px;font-weight:500;color:var(--text2);text-decoration:none;padding:6px 14px;border-radius:6px;transition:all .15s}.nav-links a:hover,.nav-links a.active{color:var(--text);background:var(--bg2)}.nav-right{display:flex;align-items:center;gap:10px}.nav-cta{font-size:13px;font-weight:700;color:var(--surface);background:var(--text);padding:8px 18px;border-radius:6px;text-decoration:none;transition:opacity .2s}.nav-cta:hover{opacity:.75}.theme-toggle{width:36px;height:36px;border-radius:50%;background:var(--bg2);border:1px solid var(--border);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.theme-toggle:hover{transform:scale(1.1)}.btn-fill{font-size:13px;font-weight:700;color:#fff;background:var(--accent);padding:11px 22px;border-radius:7px;text-decoration:none;transition:transform .15s,opacity .15s;display:inline-block}.btn-fill:hover{transform:translateY(-2px);opacity:.9}.btn-outline{font-size:13px;font-weight:600;color:var(--text);background:var(--surface);border:1px solid var(--border);padding:11px 22px;border-radius:7px;text-decoration:none;box-shadow:var(--shadow);transition:transform .15s;display:inline-block}.btn-outline:hover{transform:translateY(-2px)}.section{max-width:1100px;margin:0 auto;padding:64px 48px}.sec-head{display:flex;align-items:baseline;gap:14px;margin-bottom:36px}.sec-num{font-family:var(--fm);font-size:11px;color:var(--text3)}.sec-title{font-family:var(--fh);font-size:30px;font-weight:900;letter-spacing:-.03em;color:var(--text)}.sec-title em{font-style:italic;font-weight:400;color:var(--accent)}.hr{max-width:1100px;margin:0 auto;padding:0 48px;border-top:1px solid var(--border)}.articles-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:12px;overflow:hidden;gap:1px;background:var(--border)}.art-row{display:grid;grid-template-columns:90px 1fr 60px;gap:20px;align-items:center;background:var(--surface);padding:22px 26px;text-decoration:none;color:inherit;transition:background .15s}.art-row:hover{background:var(--bg2)}.cat{font-family:var(--fm);font-size:10px;text-transform:uppercase;letter-spacing:.07em;padding:4px 10px;border-radius:100px;text-align:center;white-space:nowrap}.c-devops{background:#1a5cc41a;color:var(--accent2)}.c-sre{background:#16a34a1a;color:var(--green)}.c-data{background:#7c3aed1a;color:var(--purple)}.c-research{background:#c44b1a1a;color:var(--accent)}.art-title{font-size:14px;font-weight:700;letter-spacing:-.02em;color:var(--text);margin-bottom:3px}.art-sub{font-size:12px;color:var(--text2);line-height:1.5}.art-time{font-family:var(--fm);font-size:10px;color:var(--text3);text-align:right;line-height:1.8}.repos{display:grid;grid-template-columns:1fr 1fr;gap:12px}.repo-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:22px;text-decoration:none;color:inherit;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s;display:block}.repo-card:hover{transform:translateY(-4px);box-shadow:0 8px 28px #18140f1a}.repo-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.repo-name{font-size:14px;font-weight:800;color:var(--accent2);letter-spacing:-.02em}.repo-arrow{font-size:16px;color:var(--text3)}.repo-desc{font-size:12px;color:var(--text2);line-height:1.6;margin-bottom:14px}.repo-tags{display:flex;gap:6px;flex-wrap:wrap}.repo-tag{font-family:var(--fm);font-size:10px;color:var(--text3);background:var(--bg2);border:1px solid var(--border);padding:2px 8px;border-radius:100px}.repo-meta{font-family:var(--fm);font-size:10px;color:var(--text3);margin-top:12px}.research{display:flex;flex-direction:column;gap:12px}.research-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:var(--shadow);display:grid;grid-template-columns:1fr auto;gap:20px;align-items:start}.res-tag{font-family:var(--fm);font-size:10px;color:var(--accent);background:#c44b1a14;border:1px solid rgba(196,75,26,.15);padding:3px 10px;border-radius:100px;display:inline-block;margin-bottom:10px}.res-title{font-size:15px;font-weight:800;color:var(--text);letter-spacing:-.02em;margin-bottom:6px}.res-desc{font-size:12px;color:var(--text2);line-height:1.6}.res-date{font-family:var(--fm);font-size:10px;color:var(--text3);white-space:nowrap}.prose{max-width:720px;margin:0 auto;padding:64px 48px}.prose h1{font-family:var(--fh);font-size:clamp(32px,4vw,52px);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-bottom:16px}.prose h2{font-family:var(--fh);font-size:24px;font-weight:700;letter-spacing:-.02em;margin:48px 0 16px}.prose h3{font-size:18px;font-weight:700;margin:32px 0 12px}.prose p{font-size:16px;color:var(--text2);line-height:1.85;margin-bottom:24px}.prose strong{color:var(--text);font-weight:700}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.prose ul,.prose ol{padding-left:24px;color:var(--text2);font-size:16px;line-height:1.8;margin-bottom:24px}.prose li{margin-bottom:6px}.prose code{font-family:var(--fm);font-size:13px;background:var(--bg2);border:1px solid var(--border);padding:2px 7px;border-radius:4px;color:var(--accent)}.prose pre{background:var(--bg3);border:1px solid var(--border);border-radius:10px;padding:24px;overflow-x:auto;margin-bottom:28px}.prose pre code{background:none;border:none;padding:0;color:var(--text);font-size:13px}.prose blockquote{border-left:3px solid var(--accent);padding:4px 0 4px 20px;margin:32px 0;color:var(--text2);font-style:italic}.prose hr{border:none;border-top:1px solid var(--border);margin:48px 0}.contact-form{max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:600;color:var(--text)}.form-input,.form-textarea{font-family:var(--fs);font-size:14px;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 16px;transition:border-color .2s;outline:none;width:100%}.form-input:focus,.form-textarea:focus{border-color:var(--accent)}.form-textarea{min-height:160px;resize:vertical}.form-submit{font-family:var(--fs);font-size:14px;font-weight:700;color:#fff;background:var(--accent);border:none;padding:13px 28px;border-radius:8px;cursor:pointer;transition:transform .15s,opacity .15s;align-self:flex-start}.form-submit:hover{transform:translateY(-2px);opacity:.9}footer{border-top:1px solid var(--border);background:var(--bg2);padding:28px 48px;display:flex;justify-content:space-between;align-items:center}.foot-l{font-family:var(--fh);font-size:15px;font-weight:900;color:var(--text);letter-spacing:-.03em}.foot-l span{color:var(--accent)}.foot-r{font-family:var(--fm);font-size:11px;color:var(--text3)}@media (max-width: 768px){nav{padding:0 20px}.nav-links{display:none}.section{padding:48px 20px}.prose{padding:40px 20px}.repos{grid-template-columns:1fr}.art-row{grid-template-columns:1fr;gap:8px}.art-time{display:none}footer{padding:20px;flex-direction:column;gap:8px;text-align:center}}