*{margin:0;padding:0;box-sizing:border-box}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo{font-size:24px;font-weight:700}nav ul{list-style:none;display:flex;gap:30px}nav a{color:white;text-decoration:none;transition:opacity .3s}nav a:hover{opacity:.8}.hero{background:linear-gradient(135deg,#0066cc,#2463eb);color:white;padding:60px 20px;text-align:center}.hero h1{font-size:48px;margin-bottom:20px;font-weight:700}.hero p{font-size:18px;max-width:600px;margin:0 auto 30px;opacity:.9}.search-box{max-width:500px;margin:0 auto;display:flex;gap:10px}.search-box input{flex:1;padding:12px 20px;border:none;border-radius:5px;font-size:16px}.search-box button{padding:12px 30px;background:#ff6b35;color:white;border:none;border-radius:5px;cursor:pointer;font-weight:600;transition:background .3s}.search-box button:hover{background:#ff5722}.container{max-width:1200px;margin:0 auto;padding:0 20px}.blog-section{padding:80px 20px}.section-title{font-size:36px;margin-bottom:50px;text-align:center;color:#0066cc;position:relative}.section-title:after{content:"";display:block;width:60px;height:4px;background:#ff6b35;margin:15px auto 0}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-bottom:60px}.blog-card{background:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:transform .3s,box-shadow .3s}.blog-card:hover{transform:translateY(-5px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.blog-image{width:100%;height:200px;background:#2463eb;display:flex;align-items:center;justify-content:center;color:white;font-size:48px}.blog-content{padding:25px}.blog-category{display:inline-block;background:#e8f0ff;color:#0066cc;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:10px}.blog-title{font-size:20px;margin-bottom:12px;color:#333;line-height:1.4}.blog-meta{font-size:13px;color:#999;margin-bottom:15px;display:flex;gap:15px}.blog-excerpt{font-size:14px;color:#666;line-height:1.6;margin-bottom:20px}.read-more{color:#0066cc;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:gap .3s}.read-more:hover{gap:10px}.read-more:after{content:"→"}.blog-container-with-sidebar{display:grid;grid-template-columns:1fr 300px;gap:40px;margin-bottom:60px}.sidebar{background:white;padding:30px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:fit-content}.sidebar-title{font-size:18px;font-weight:700;margin-bottom:20px;color:#0066cc;border-bottom:2px solid #0066cc;padding-bottom:10px}.sidebar-list{list-style:none}.sidebar-list li{padding:10px 0;border-bottom:1px solid #eee}.sidebar-list li:last-child{border-bottom:none}.sidebar-list a{color:#666;text-decoration:none;transition:color .3s}.sidebar-list a:hover{color:#0066cc}.pagination{display:flex;justify-content:center;gap:10px;margin-top:50px;align-items:center}.pagination a,.pagination span{padding:10px 15px;border:1px solid #ddd;border-radius:5px;color:#0066cc;text-decoration:none;transition:all .3s}.pagination .active,.pagination a:hover{background:#0066cc;color:white}.pagination .active{border-color:#0066cc}.cta-section{background:linear-gradient(135deg,#0066cc,#2463eb);color:white;padding:60px 20px;text-align:center;border-radius:8px;margin:60px 0}.cta-section h2{font-size:32px;margin-bottom:15px}.cta-button{display:inline-block;background:#ff6b35;color:white;padding:15px 40px;border:none;border-radius:5px;cursor:pointer;font-size:16px;font-weight:600;text-decoration:none;transition:background .3s;margin-top:20px}.cta-button:hover{background:#ff5722}footer{background:#1a1a1a;color:white;padding:40px 20px;text-align:center;font-size:14px}.footer-content{max-width:1200px;margin:0 auto}.footer-links{margin-bottom:20px;display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.footer-links a{color:#ccc;text-decoration:none;transition:color .3s}.footer-links a:hover{color:white}@media (max-width:768px){.header-content{flex-direction:column;gap:15px}nav ul{gap:15px;font-size:14px}.hero h1{font-size:32px}.blog-container-with-sidebar{grid-template-columns:1fr}.search-box{flex-direction:column}.blog-grid{grid-template-columns:1fr}}.skeleton-card{pointer-events:none}.skeleton-image{position:relative;overflow:hidden}.skeleton-image,.skeleton-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-shimmer{border-radius:4px}.skeleton-category{width:80px;height:24px;margin-bottom:10px;border-radius:20px}.skeleton-title{width:100%;height:20px;margin-bottom:8px}.skeleton-title-2{width:70%;height:20px;margin-bottom:12px}.skeleton-meta{width:100px;height:14px}.skeleton-excerpt{width:100%;height:14px;margin-bottom:8px}.skeleton-excerpt-2{width:85%;height:14px;margin-bottom:20px}.skeleton-button{width:120px;height:20px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.empty-state,.loading-state{text-align:center;padding:60px 20px;color:#666;font-size:18px}.empty-state{background:#f9f9f9;border-radius:8px;margin:40px 0}