@font-face{font-family:Peyda;src:url('/assets/fonts/PeydaWebVF.woff2') format('woff2');font-weight:100 950;font-display:swap}
:root{color-scheme:dark;--bg:#0f0f0f;--panel:rgba(30,41,59,.72);--line:rgba(148,163,184,.19);--text:#f8fafc;--muted:#94a3b8;--accent:#fbbf24}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(251,191,36,.09),transparent 34%),var(--bg);color:var(--text);font-family:Peyda,Tahoma,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{background:#fbbf24;color:#111}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.site-nav{position:sticky;top:0;z-index:30;padding:14px 22px;background:rgba(15,15,15,.84);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.nav-inner{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:135px;height:auto}.nav-inner nav{display:flex;align-items:center;gap:27px}.nav-inner nav a{font-weight:700;color:#cbd5e1}.nav-inner nav a:hover,.nav-inner nav a[aria-current=page]{color:var(--accent)}.nav-cta{display:inline-flex;align-items:center;gap:10px;padding:11px 18px;border-radius:999px;background:linear-gradient(125deg,#fbbf24,#d97706);color:#111;font-weight:800}
.page-wrap,.article-wrap{width:min(1120px,calc(100% - 36px));margin:0 auto;padding:80px 0 120px}.page-intro{text-align:center;margin-bottom:57px}.eyebrow{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.14em}.page-intro h1{font-size:clamp(40px,6vw,72px);line-height:1.2;margin:14px 0}.page-intro p,.article-lead{color:var(--muted);font-size:clamp(16px,1.6vw,20px);line-height:1.9}.journal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.blog-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 18px 48px #0004;transition:transform .24s,border-color .24s}.blog-card:hover{transform:translateY(-5px);border-color:#fbbf2480}.blog-art{position:relative;height:180px;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle,#94704a,#3b2f32 75%)}.blog-art-code{background:radial-gradient(circle,#497e8b,#243746 75%)}.blog-art-seo{background:radial-gradient(circle,#a88a55,#4b4233 75%)}.blog-art img{width:100%;height:100%;object-fit:cover}.blog-art>span{position:absolute;bottom:14px;right:18px;font-weight:800;color:#fff}.blog-art b{font-size:100px;color:#fffc;filter:drop-shadow(0 12px 12px #0005)}.blog-copy{padding:22px;display:flex;flex-direction:column;flex:1}.blog-meta{font-size:12px;color:var(--accent);font-weight:700}.blog-copy h2{font-size:22px;line-height:1.5;margin:10px 0}.blog-copy p{font-size:14px;color:var(--muted);line-height:1.8}.read-more{margin-top:auto;padding-top:20px;color:var(--accent);font-weight:800}
.article-wrap{max-width:850px}.back-link{display:inline-block;color:var(--accent);font-weight:700;margin-bottom:50px}.article-wrap h1{font-size:clamp(36px,5vw,62px);line-height:1.35;margin:14px 0}.article-lead{margin:0 0 30px}.article-cover{width:100%;max-height:480px;object-fit:cover;border-radius:25px;margin:28px 0}.article-content{border-top:1px solid var(--line);padding-top:28px;font-size:18px;line-height:2.1;color:#dce4eb}.article-content p{margin:0 0 25px}.article-end{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:50px;padding-top:27px;color:var(--accent);font-weight:800}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px max(18px,calc((100vw - 1120px)/2));border-top:1px solid var(--line);color:var(--muted)}.site-footer a{color:var(--accent)}
@media(max-width:760px){.nav-inner nav{display:none}.nav-cta{font-size:12px;padding:9px 11px}.brand img{width:110px}.page-wrap,.article-wrap{padding-top:55px}.journal-grid{grid-template-columns:1fr}.blog-art{height:190px}.article-content{font-size:16px}.article-end{flex-wrap:wrap}.site-footer{flex-wrap:wrap}}