:root{--amber:#FFB300;--orange:#FF6D00;--flare:#73A6FF;--bg:#0A0A0A;--bg2:#141414;--text:#fff;--text2:#B0B0B0;--line:rgba(255,255,255,.1);--gradient:linear-gradient(135deg,var(--orange),var(--amber))}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden}
a{color:var(--amber)}
.bg{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 20% 20%,rgba(255,179,0,.09) 0%,transparent 45%),radial-gradient(circle at 80% 75%,rgba(115,166,255,.09) 0%,transparent 45%)}
nav{position:sticky;top:0;z-index:10;background:rgba(10,10,10,.9);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-in{max-width:1100px;margin:0 auto;padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}
.brand{font-family:'Orbitron',monospace;font-weight:900;font-size:1.3rem;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;text-decoration:none;display:flex;align-items:center;gap:.6rem}
.brand img{width:32px;height:32px;border-radius:8px}
.nav-r{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap}
.nav-r>a{color:var(--text);text-decoration:none;font-weight:600;font-size:.95rem}
.langs{display:flex;gap:.25rem}
.langs a{color:var(--text2);border:1px solid var(--line);border-radius:999px;padding:.15rem .55rem;font:600 .78rem 'Inter',sans-serif;text-decoration:none}
.langs a.on{color:#000;background:var(--amber);border-color:var(--amber)}
main{max-width:760px;margin:0 auto;padding:3rem 1rem 2rem}
h1,h2{font-family:'Orbitron',monospace;letter-spacing:.02em;line-height:1.25}
h1{font-size:clamp(1.7rem,5vw,2.5rem);margin:.4rem 0 1.4rem;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
h2{font-size:1.2rem;margin:2rem 0 .7rem;color:var(--amber)}
.intro{color:var(--text2);font-size:1.08rem;margin-bottom:2rem}
.post-row{display:flex;gap:1.2rem;padding:1.2rem;margin-bottom:1rem;text-decoration:none;color:inherit;border-radius:18px;border:1px solid transparent;background:linear-gradient(var(--bg2),var(--bg2)) padding-box,linear-gradient(135deg,rgba(255,109,0,.5),rgba(115,166,255,.35)) border-box;transition:transform .2s}
.post-row:hover{transform:translateY(-2px)}
.post-row time{flex:0 0 5.5rem;color:var(--amber);font-weight:700;font-size:.85rem;padding-top:.2rem}
.post-row h3{font-size:1.08rem;margin-bottom:.3rem}
.post-row p{color:var(--text2);font-size:.95rem}
@media (max-width:560px){.post-row{flex-direction:column;gap:.3rem}.post-row time{flex:none}}
article p,article li{color:#E4E4E4;font-size:1.05rem;margin-bottom:1rem}
article ul{padding-left:1.3rem;margin-bottom:1rem}
article li{margin-bottom:.5rem}
article strong{color:#fff}
article small{color:var(--text2)}
.crumb{text-decoration:none;font-weight:600}
.meta{color:var(--text2);font-size:.9rem;margin-top:1rem}
.cta{display:inline-block;margin-top:1.5rem;padding:.8rem 1.4rem;border-radius:999px;font-weight:700;text-decoration:none;color:#000;background:var(--gradient)}
footer{margin-top:3rem;border-top:1px solid var(--line);padding:2rem 1rem 3rem;color:var(--text2);font-size:.9rem;text-align:center}