:root{--primary-color: #2563eb;--secondary-color: #64748b;--accent-color: #f59e0b;--text-primary: #1e293b;--text-secondary: #64748b;--bg-primary: #ffffff;--bg-secondary: #f8fafc;--border-color: #e2e8f0;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh}.navbar{background:var(--bg-primary);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--primary-color);text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s}.nav-links a:hover{color:var(--primary-color)}.hero{background:linear-gradient(135deg,var(--primary-color) 0%,#3b82f6 100%);color:#fff;padding:4rem 2rem;text-align:center}.hero-content{max-width:800px;margin:0 auto}.hero h1{font-size:3rem;margin-bottom:1rem;font-weight:700}.hero p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.container{max-width:1200px;margin:0 auto;padding:2rem}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.article-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius);padding:1.5rem;transition:all .3s ease;box-shadow:var(--shadow)}.article-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #00000026}.article-card h3{font-size:1.25rem;margin-bottom:.5rem;color:var(--text-primary)}.article-card p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.article-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-secondary)}.read-more{color:var(--primary-color);text-decoration:none;font-weight:500}.read-more:hover{text-decoration:underline}.sidebar{background:var(--bg-secondary);border-radius:var(--radius);padding:1.5rem;margin-bottom:2rem}.sidebar h3{margin-bottom:1rem;color:var(--text-primary)}.category-list{list-style:none}.category-list li{margin-bottom:.5rem}.category-list a{color:var(--text-secondary);text-decoration:none;transition:color .3s}.category-list a:hover{color:var(--primary-color)}.search-box{margin-bottom:2rem}.search-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:var(--radius);font-size:1rem;transition:border-color .3s}.search-input:focus{outline:none;border-color:var(--primary-color)}.footer{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:2rem;text-align:center;margin-top:4rem}.footer-content{max-width:1200px;margin:0 auto}@media (max-width: 768px){.nav-container{padding:1rem;flex-direction:column;gap:1rem}.nav-links{gap:1rem}.hero h1{font-size:2rem}.articles-grid{grid-template-columns:1fr;gap:1rem}.container{padding:1rem}}@media (prefers-color-scheme: dark){:root{--text-primary: #f1f5f9;--text-secondary: #94a3b8;--bg-primary: #0f172a;--bg-secondary: #1e293b;--border-color: #334155}}.text-center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.loading{display:inline-block;width:20px;height:20px;border:3px solid #f3f3f3;border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}