*,*::before,*::after{box-sizing:border-box}html{font-size:16px}body{margin:0;background-color:#0f111a;color:#e2e8f0;font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}a{color:#30c6ff;text-decoration:none;transition:all .2s ease}a:hover{color:rgb(99,212.0434782609,255);text-shadow:0 0 8px rgba(48,198,255,.4)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;color:#e2e8f0}.container{max-width:1200px;margin:0 auto;padding:0 20px;width:100%}main{flex:1;padding:40px 0}header{position:sticky;top:0;z-index:1000;background:rgba(15,17,26,.95);backdrop-filter:blur(10px);border-bottom:1px solid #2d3748;padding:15px 0}.navbar{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:10px;font-family:"JetBrains Mono","Fira Code","Consolas","Monaco","Courier New",monospace;font-weight:700;font-size:1.1rem;color:#e2e8f0;letter-spacing:-0.5px}.logo:hover{color:#fff;text-decoration:none;text-shadow:none}.logo .logo-icon{height:24px;width:auto;display:block}.nav-actions{display:flex;gap:16px}.nav-actions a{color:#94a3b8;display:flex;align-items:center;justify-content:center;gap:6px;font-size:.9rem;font-weight:500}.nav-actions a:hover{color:#30c6ff}.nav-actions a svg{width:18px;height:18px;fill:currentColor}.hero{margin-bottom:60px;text-align:center;padding:40px 0;border-bottom:1px solid #2d3748;background:radial-gradient(circle at center, rgba(51, 46, 86, 0.2) 0%, transparent 70%)}.hero .hero-logo{height:80px;width:auto;display:inline-block;margin-bottom:16px;filter:drop-shadow(0 0 15px rgba(48, 198, 255, 0.3))}.hero .tag-hero-badge{display:inline-block;font-family:"JetBrains Mono","Fira Code","Consolas","Monaco","Courier New",monospace;font-size:1.6rem;font-weight:600;color:#e2e8f0;margin-bottom:10px;padding:8px 22px;border:1px solid rgba(48,198,255,.35);border-radius:999px;background:linear-gradient(120deg, rgba(48, 198, 255, 0.12), rgba(51, 46, 86, 0.12));box-shadow:0 4px 18px rgba(48,198,255,.08);text-shadow:none;text-transform:lowercase;letter-spacing:.04em}.hero .hero-title{font-size:3rem;letter-spacing:-1px;margin-bottom:10px;background:linear-gradient(135deg, #ffffff 0%, #94a3b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}.hero .hero-subtitle{font-family:"JetBrains Mono","Fira Code","Consolas","Monaco","Courier New",monospace;color:#30c6ff;font-size:1rem;opacity:.9}.article-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(340px, 1fr));gap:24px}.article-card{background:#1a1d2d;border:1px solid #2d3748;border-radius:8px;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;height:100%}.article-card:hover{transform:translateY(-4px);border-color:#30c6ff;box-shadow:0 10px 30px -10px rgba(0,0,0,.5)}.article-card:hover .article-title{color:#30c6ff}.article-link{display:flex;flex-direction:column;height:100%;padding:24px;color:inherit;text-decoration:none}.article-link:hover{text-shadow:none;color:inherit}.article-header{margin-bottom:16px}.article-title{font-size:1.1rem;line-height:1.4;margin-bottom:12px;transition:color .2s ease}.article-meta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-family:"JetBrains Mono","Fira Code","Consolas","Monaco","Courier New",monospace;font-size:.8rem;color:#94a3b8;border-top:1px solid hsla(0,0%,100%,.05);padding-top:16px}.article-date{color:#64748b}.article-detail{background:#1a1d2d;border:1px solid #2d3748;border-radius:8px;padding:40px;margin-top:20px}@media(max-width: 768px){.article-detail{padding:20px}}.article-detail-title{font-size:2rem;margin-bottom:16px;line-height:1.3;color:#30c6ff}.article-detail-meta{font-family:"JetBrains Mono","Fira Code","Consolas","Monaco","Courier New",monospace;color:#94a3b8;margin-bottom:30px;padding-bottom:20px;border-bottom:1px solid #2d3748;font-size:.9rem;display:flex;align-items:center;flex-wrap:wrap;gap:12px}.article-detail-meta .meta-separator{color:#64748b}.article-detail-meta .meta-tags{display:inline-flex;gap:8px;margin-left:12px}pre{background:#0d0f16;color:#d1d5db;padding:20px;border-radius:6px;overflow-x:auto;font-family:"JetBrains Mono","Fira Code","Consolas","Monaco","Courier New",monospace;font-size:.9rem;line-height:1.7;border:1px solid hsla(0,0%,100%,.05);white-space:pre-wrap;word-wrap:break-word}.pagination{margin-top:60px;display:flex;justify-content:center;gap:8px}.pagination span,.pagination a,.pagination em{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;border-radius:6px;font-family:"JetBrains Mono","Fira Code","Consolas","Monaco","Courier New",monospace;font-size:.9rem;color:#94a3b8;background:#1a1d2d;border:1px solid #2d3748;text-decoration:none}.pagination span:hover,.pagination a:hover,.pagination em:hover{border-color:#30c6ff;color:#30c6ff;text-shadow:none}.pagination .current{background:#30c6ff;color:#0f111a;border-color:#30c6ff;font-weight:700}.pagination .current:hover{color:#0f111a;text-shadow:none}.pagination .disabled{opacity:.5;pointer-events:none}.tag-pill,footer .tag-cloud a{display:inline-block;font-family:"JetBrains Mono","Fira Code","Consolas","Monaco","Courier New",monospace;font-size:.8rem;color:#94a3b8;padding:4px 10px;border:1px solid #2d3748;border-radius:20px;text-decoration:none;transition:all .2s ease}.tag-pill:hover,footer .tag-cloud a:hover{border-color:#30c6ff;color:#30c6ff;background:rgba(48,198,255,.05);text-shadow:none}footer{margin-top:80px;padding:40px 0;border-top:1px solid #2d3748;text-align:center;color:#64748b;font-size:.9rem}footer .tag-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;max-width:800px;margin:0 auto 30px}footer .credits{margin-bottom:10px}footer .credits a{color:#94a3b8;border-bottom:1px solid rgba(148,163,184,.3)}footer .credits a:hover{color:#30c6ff;border-color:#30c6ff;text-shadow:none}footer .sponsor{margin-top:20px;opacity:.7}footer .sponsor:hover{opacity:1}@media(max-width: 768px){.hero-title{font-size:2rem}.article-grid{grid-template-columns:1fr}}