*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:"Inter",sans-serif;background-color:#f8fafc;color:#1e293b;line-height:1.6;letter-spacing:-0.01em}.container{max-width:1200px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;backdrop-filter:blur(12px);background-color:rgba(248,250,252,0.86);z-index:1000;border-bottom:1px solid rgba(226,232,240,0.6);padding:16px 0}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{font-size:28px;font-weight:800;color:#0f172a;letter-spacing:-0.025em}.nav-list{display:flex!important;list-style:none;gap:24px}.nav-link{text-decoration:none;font-weight:600;color:#475569;font-size:15px;transition:color 0.3s ease;position:relative;padding:8px 0}.nav-link:hover{color:#ea580c}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:#ea580c;transition:width 0.3s ease}.nav-link:hover::after{width:100%}.main-layout{display:grid;grid-template-columns:280px 1fr;gap:48px;padding:48px 0}.sidebar{font-size:14px}.sidebar-section{margin-bottom:40px}.sidebar-title{font-size:13px;text-transform:uppercase;letter-spacing:0.1em;color:#64748b;margin-bottom:16px;font-weight:600}.sidebar-list{list-style:none}.sidebar-link{display:block;padding:10px 0;color:#475569;text-decoration:none;border-bottom:1px solid #e2e8f0;transition:all 0.2s ease}.sidebar-link:hover{color:#ea580c;padding-left:8px}.content-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px}.article-card{border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,0.04);transition:transform 0.3s ease,box-shadow 0.3s ease}.article-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px rgba(0,0,0,0.08)}.card-image{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.card-content{padding:24px}.category-badge{display:inline-block;background:#ea580c;color:white;font-size:12px;font-weight:700;padding:6px 12px;border-radius:20px;margin-bottom:12px;letter-spacing:0.02em}.card-title{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:12px;line-height:1.3}.card-excerpt{font-size:15px;color:#64748b;margin-bottom:16px}.card-meta{font-size:13px;color:#94a3b8;display:flex;gap:16px}.footer{padding:48px 0;border-top:1px solid #e2e8f0;text-align:center;color:#64748b;font-size:14px}@media(max-width:992px){.main-layout{grid-template-columns:1fr;gap:32px}.sidebar{order:2}}@media(max-width:768px){.content-grid{grid-template-columns:1fr}.header-content{flex-direction:column;gap:16px}.nav-list{gap:16px}}