:root{--bg:#070b14;--bg2:#0b1220;--surface:rgba(13,20,36,.75);--surface-strong:#0f172a;--text:#e6f1ff;--muted:#8aa0c7;--line:rgba(148,163,184,.2);--accent:#22d3ee;--accent-2:#a78bfa}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(900px 500px at 8% -5%,rgba(34,211,238,.18),transparent 55%),radial-gradient(800px 400px at 95% 0,rgba(167,139,250,.18),transparent 55%),linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text)}.bg-grid{background-image:linear-gradient(rgba(148,163,184,.08) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.08) 1px,transparent 0);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at center,#000,transparent 75%);mask-image:radial-gradient(circle at center,#000,transparent 75%)}.bg-glow,.bg-grid{position:fixed;inset:0;pointer-events:none;z-index:0}.bg-glow{background:radial-gradient(500px 300px at 10% 10%,rgba(34,211,238,.12),transparent 60%),radial-gradient(500px 300px at 90% 15%,rgba(167,139,250,.14),transparent 60%);animation:pulseGlow 6s ease-in-out infinite}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:20px 16px 40px;position:relative;z-index:1}.header{margin-bottom:12px;display:flex;justify-content:space-between;align-items:flex-end}.brand{font-size:1.55rem;font-weight:800;letter-spacing:.4px;text-transform:uppercase}.brand:after{content:" .TECH";color:var(--accent);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9rem;font-weight:700}.tagline{color:var(--muted);font-size:.93rem}.topnav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.navitem{background:rgba(15,23,42,.65);border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:.82rem;color:#bfdbfe;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.navitem:hover{border-color:rgba(34,211,238,.5)}.ticker-wrap{display:grid;grid-template-columns:auto 1fr;border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:16px;border-radius:10px;overflow:hidden}.ticker-label{background:linear-gradient(90deg,#06b6d4,#8b5cf6);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.5px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.ticker-text{color:#c6d8fb;font-size:.9rem;padding:10px 12px;white-space:nowrap;overflow:hidden}.ticker-marquee{display:inline-block;min-width:200%;animation:tickerScroll 22s linear infinite}.home-layout{display:grid;grid-template-columns:2fr 1fr;grid-gap:18px;gap:18px}.card,.featured,.post,.sidebar{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 35px rgba(0,0,0,.25)}.featured{border-radius:14px;overflow:hidden}.featured-image{height:340px;width:100%;background-size:cover;background-position:50%;position:relative}.featured-image:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.featured-content{padding:14px 16px 18px}.featured-title,.side-title{margin:6px 0;font-size:1.9rem;line-height:1.2;color:#e2ebff}.featured-excerpt,.side-excerpt{color:var(--muted);line-height:1.6}.sidebar{border-radius:14px;padding:6px 14px}.author-card,.newsletter-card,.side-item{padding:12px 0;border-bottom:1px solid var(--line)}.side-item:last-child{border-bottom:0}.side-title-small{font-size:1.03rem;font-weight:700;line-height:1.35;margin:0 0 6px}.author-card h3,.newsletter-card h3{margin:0 0 8px;font-size:1rem}.author-card p,.newsletter-card p{margin:0 0 8px;color:var(--muted);line-height:1.5}.newsletter-input{width:100%;border:1px solid var(--line);background:rgba(2,6,23,.6);color:#dbeafe;border-radius:10px;padding:10px;font-size:.92rem;margin-bottom:8px}.newsletter-btn{width:100%;border:1px solid rgba(34,211,238,.6);background:linear-gradient(90deg,rgba(34,211,238,.15),rgba(167,139,250,.15));color:#dff7ff;border-radius:10px;padding:9px 10px;cursor:pointer}.newsletter-status{font-size:.83rem;color:var(--muted);margin-top:8px}.date{color:#90a7cf;font-size:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.post{border-radius:14px;padding:22px}.post h1{margin:8px 0 16px;font-size:2rem}.post p{color:#d2def7;line-height:1.8;text-align:justify;text-wrap:pretty}.code-block{margin:14px 0;padding:14px;border-radius:12px;border:1px solid rgba(34,211,238,.35);background:linear-gradient(180deg,rgba(2,6,23,.95),rgba(15,23,42,.85));color:#a7f3d0;overflow-x:auto;font-size:.86rem;line-height:1.5;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.back{display:inline-block;margin-bottom:12px;color:var(--muted)}.grid{display:grid;grid-gap:12px;gap:12px}.card{border-radius:12px;padding:18px}.title{margin:8px 0 10px;font-size:1.2rem;line-height:1.3;color:#dce8ff}.excerpt{margin:0;color:#a9bce0;line-height:1.6}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.btn{border:1px solid var(--line);background:rgba(15,23,42,.75);color:#dbeafe;padding:8px 12px;border-radius:999px;font-size:.85rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn:hover{border-color:rgba(34,211,238,.6)}.reading-progress-wrap{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(148,163,184,.15);z-index:40}.reading-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 14px rgba(34,211,238,.6);transition:width .12s linear}.footer{margin-top:22px;color:var(--muted);font-size:.85rem;text-align:center}.hero-tech{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:18px;margin-bottom:16px;display:grid;grid-template-columns:1.7fr 1fr;grid-gap:12px;gap:12px;animation:fadeUp .45s ease}.hero-tech h1{margin:4px 0 8px;font-size:1.9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.2px}.hero-tech p{margin:0;color:var(--muted)}.hero-kicker{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--accent);font-size:.78rem;letter-spacing:.5px}.hero-stats{display:grid;grid-gap:8px;gap:8px}.hero-stats>div{border:1px solid var(--line);border-radius:12px;padding:10px;background:rgba(2,6,23,.45);display:flex;justify-content:space-between;align-items:center}.hero-stats strong{font-size:1.2rem}.hero-stats span{color:var(--muted);font-size:.9rem}.card,.featured,.post,.sidebar{animation:fadeUp .5s ease}@keyframes fadeUp{0%{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.6}50%{opacity:1}}@keyframes tickerScroll{0%{transform:translateX(0)}to{transform:translateX(-50%)}}html.light{--bg:#f2f6ff;--bg2:#fff;--surface:hsla(0,0%,100%,.9);--surface-strong:#fff;--text:#0f172a;--muted:#475569;--line:rgba(15,23,42,.13);--accent:#0284c7;--accent-2:#7c3aed}@media (max-width:900px){.home-layout{grid-template-columns:1fr}.featured-image{height:260px}.featured-title,.side-title{font-size:1.5rem}.hero-tech{grid-template-columns:1fr}}