@import"https://fonts.googleapis.com/css2?family=VT323&family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #0d1430;--bg-accent: #111b3f;--glass: rgba(255, 255, 255, .06);--panel: #c9d8f4;--panel-edge: #8ba0cb;--text: #f2f5ff;--muted: #c7d0e8;--accent: #2e8bff;--accent-2: #21d0ff;--shadow: 0 18px 40px rgba(3, 14, 51, .55);--radius: 14px}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 20% 20%,rgba(46,139,255,.25),transparent 25%),radial-gradient(circle at 80% 10%,rgba(33,208,255,.16),transparent 25%),radial-gradient(circle at 60% 70%,rgba(33,208,255,.12),transparent 30%),linear-gradient(135deg,#0a1024,#0f1b3f 45%,#0b1a37);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none;opacity:.35}a{color:var(--accent-2);text-decoration:none}a:hover{color:#9de1ff}.page{max-width:1200px;margin:32px auto 80px;padding:0 18px;position:relative;z-index:1}.xp-window{background:var(--glass);border:2px solid var(--panel-edge);border-radius:var(--radius);box-shadow:var(--shadow),inset 0 1px #ffffff24;backdrop-filter:blur(18px);overflow:hidden}.xp-titlebar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(90deg,#0a2a9b,#1b63e2 60%,#0d3aaf);color:#f8fbff;font-family:VT323,monospace;font-size:22px;text-transform:uppercase;letter-spacing:.5px}.titlebar-dots{display:inline-flex;gap:6px;align-items:center}.titlebar-dot{width:11px;height:11px;border-radius:50%;border:1px solid rgba(255,255,255,.55);background:linear-gradient(145deg,#9cd6ff,#2e6bff);box-shadow:inset 0 1px 1px #ffffff80}.xp-body{padding:22px 22px 26px}.top-bar{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;margin-bottom:12px}.top-bar a{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:var(--muted);transition:all .2s ease}.top-bar a:hover{color:#fff;border-color:#fff3;background:#ffffff14}.hero{background:linear-gradient(135deg,#2e8bff59,#21d0ff47),linear-gradient(135deg,#ffffff0d,#090f2066);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:22px;box-shadow:inset 0 1px #ffffff29;margin-bottom:18px}.hero h1{margin:0 0 10px;font-size:32px;color:#f8fbff}.hero p{margin:0;color:var(--muted);line-height:1.5}.controls{display:grid;grid-template-columns:1fr;gap:12px;margin:18px 0}.control-row{display:flex;flex-wrap:wrap;gap:10px}.search{position:relative;flex:1;min-width:240px}.search input{width:100%;padding:12px 14px 12px 40px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff0f;color:var(--text);font-size:15px;box-shadow:inset 0 1px #ffffff0f}.search input::placeholder{color:#fff9}.search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;opacity:.6}.filters{display:flex;flex-wrap:wrap;gap:10px}.filter-btn{border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:var(--muted);padding:10px 14px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s ease;font-weight:600}.filter-btn.active,.filter-btn:hover{color:#fff;border-color:#ffffff40;background:#2e8bff29}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.post-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;box-shadow:0 10px 30px #060c2866;display:grid;gap:12px;min-height:240px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.post-card:hover{transform:translateY(-4px);border-color:#2e8bff66;box-shadow:0 16px 32px #060c288c}.post-card h2{margin:0;color:#fff;font-size:20px}.post-meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--muted);font-size:14px}.badge{padding:6px 10px;border-radius:20px;background:#2e8bff29;border:1px solid rgba(255,255,255,.12);color:#eaf4ff;font-weight:600}.post-card p{margin:0;color:var(--muted);line-height:1.5}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 10px;border-radius:8px;background:#ffffff0f;color:#dfe6ff;border:1px solid rgba(255,255,255,.1);font-size:13px}.cta{display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:12px 14px;border-radius:10px;border:1px solid rgba(46,139,255,.45);background:linear-gradient(135deg,#2e8bff2e,#21d0ff3d);color:#fff;font-weight:700;text-decoration:none;transition:all .2s ease}.cta:hover{transform:translateY(-2px);border-color:#2e8bffb3;box-shadow:0 12px 24px #21d0ff33}.post-content{color:#e5ecff;line-height:1.7}.post-content h2,.post-content h3,.post-content h4{color:#fff;margin-top:22px}.post-content p{margin:12px 0}.post-content ul{padding-left:22px;margin:12px 0}.post-content li{margin:6px 0}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 8px}.pill{padding:8px 12px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--muted);font-weight:600}.related{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin-top:10px}.related a{padding:12px;border-radius:10px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#dfe6ff;transition:all .2s ease;display:block}.related a:hover{border-color:#2e8bff66;background:#2e8bff1f;color:#fff}.crumbs{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:14px;margin-bottom:8px}.crumbs a{color:#9de1ff}.footer{margin-top:20px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:14px;flex-wrap:wrap;gap:10px}.status{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}@media (max-width: 720px){.page{margin:18px auto 60px}.xp-body,.hero{padding:16px}.blog-grid{grid-template-columns:1fr}.top-bar{gap:10px}}