:root {--blog-bg-dark:#030508;--blog-accent:#00f0ff;--blog-accent-secondary:#7000ff;--text-primary:#1a2432;--text-secondary:#64748b;}.blog-hero {position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--blog-bg-dark);overflow:hidden;padding:120px 0 80px;}.blog-hero::before {content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 120%, rgba(0, 240, 255, 0.15), rgba(112, 0, 255, 0.08) 40%, #030508 75%);z-index:0;}.blog-hero::after {content:'';position:absolute;bottom:0;left:0;right:0;height:200px;background-image:linear-gradient(rgba(0, 240, 255, 0.1) 1px, transparent 1px),linear-gradient(90deg, rgba(0, 240, 255, 0.1) 1px, transparent 1px);background-size:50px 50px;mask-image:linear-gradient(to top, black, transparent);z-index:0;}.blog-hero .container {position:relative;z-index:2;}.blog-badge {display:inline-block;background:transparent;border:1px solid rgba(255, 255, 255, 0.2);color:#ffffff;padding:8px 16px;border-radius:50px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:24px;backdrop-filter:blur(10px);}.blog-hero-title {font-size:56px;font-weight:700;color:#ffffff;margin-bottom:20px;letter-spacing:-1px;line-height:1.1;}.blog-hero-subtitle {font-size:18px;color:rgba(255, 255, 255, 0.7);max-width:600px;margin:0 auto;line-height:1.6;}.blog-content-section {padding:60px 0;background:#f8f9fa;}.blog-card {background:#ffffff;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0, 0, 0, 0.06);transition:all 0.3s ease;height:100%;display:flex;flex-direction:column;}.blog-card:hover {box-shadow:0 12px 32px rgba(0, 0, 0, 0.12);transform:translateY(-4px);}.blog-card-link {text-decoration:none;display:block;}.blog-card-image {position:relative;overflow:hidden;background:#f1f5f9;}.blog-card-image img {width:100%;height:240px;object-fit:cover;display:block;transition:transform 0.4s ease;}.blog-card:hover .blog-card-image img {transform:scale(1.05);}.blog-card-date {position:absolute;top:16px;right:16px;background:rgba(255, 255, 255, 0.95);backdrop-filter:blur(10px);color:var(--text-primary);padding:6px 12px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);}.blog-card-content {padding:24px;flex-grow:1;display:flex;flex-direction:column;}.blog-card-title {margin:0 0 12px 0;font-size:22px;font-weight:700;line-height:1.3;}.blog-card-title a {color:var(--text-primary);text-decoration:none;transition:color 0.3s ease;}.blog-card:hover .blog-card-title a {color:#000000;}.blog-card-excerpt {color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:20px;flex-grow:1;}.blog-card-readmore {display:inline-flex;align-items:center;color:var(--text-primary);font-size:14px;font-weight:600;text-decoration:none;transition:all 0.3s ease;margin-top:auto;}.blog-card-readmore .arrow {margin-left:6px;transition:transform 0.3s ease;display:inline-block;}.blog-card-readmore:hover {color:#000000;}.blog-card-readmore:hover .arrow {transform:translateX(4px);}.blog-card-featured .blog-card-image img {height:320px;}.blog-card-featured .blog-card-title {font-size:28px;}.blog-sidebar {position:sticky;top:20px;}.sidebar-widget {background:#ffffff;border-radius:16px;padding:24px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.06);margin-bottom:24px;}.sidebar-widget-title {font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 20px 0;padding-bottom:12px;border-bottom:2px solid #f1f5f9;}.sidebar-post {padding-bottom:16px;margin-bottom:16px;border-bottom:1px solid #f1f5f9;transition:transform 0.3s ease;}.sidebar-post:last-child {border-bottom:none;margin-bottom:0;padding-bottom:0;}.sidebar-post:hover {transform:translateX(4px);}.sidebar-post-link {display:flex;gap:12px;text-decoration:none;}.sidebar-post-img {width:80px;height:80px;object-fit:cover;border-radius:12px;flex-shrink:0;box-shadow:0 2px 8px rgba(0, 0, 0, 0.08);transition:box-shadow 0.3s ease;}.sidebar-post:hover .sidebar-post-img {box-shadow:0 4px 12px rgba(0, 0, 0, 0.15);}.sidebar-post-content {flex-grow:1;display:flex;flex-direction:column;}.sidebar-post-title {font-size:15px;font-weight:600;color:var(--text-primary);line-height:1.4;margin:0 0 6px 0;transition:color 0.3s ease;}.sidebar-post:hover .sidebar-post-title {color:#000000;}.sidebar-post-date {font-size:13px;color:#94a3b8;}.blog-pagination {margin-top:48px;}.blog-pagination .pagination {display:flex;justify-content:center;gap:8px;flex-wrap:wrap;}.blog-pagination .page-item {margin:0;}.blog-pagination .page-link {border:1px solid #e2e8f0;background:#ffffff;color:var(--text-secondary);padding:10px 16px;border-radius:8px;font-weight:600;font-size:14px;transition:all 0.3s ease;text-decoration:none;}.blog-pagination .page-link:hover {background:var(--text-primary);color:#ffffff;border-color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px rgba(26, 36, 50, 0.2);}.blog-pagination .page-item.active .page-link {background:var(--text-primary);color:#ffffff;border-color:var(--text-primary);box-shadow:0 4px 12px rgba(26, 36, 50, 0.2);}.blog-pagination .page-item.disabled .page-link {background:#f8f9fa;color:#cbd5e1;border-color:#e2e8f0;cursor:not-allowed;}.blog-pagination .page-item.disabled .page-link:hover {transform:none;box-shadow:none;background:#f8f9fa;color:#cbd5e1;}.blog-pagination+p,.blog-pagination p,p.text-muted.small {display:none !important;}@media (max-width:991.98px) {.blog-hero {padding:100px 0 60px;}.blog-hero-title {font-size:44px;}.blog-card-featured .blog-card-title {font-size:26px;}.blog-card-title {font-size:20px;}.sidebar-post-img {width:70px;height:70px;}.blog-sidebar {position:relative;top:0;}}@media (max-width:767.98px) {.blog-hero {padding:80px 0 50px;min-height:50vh;}.blog-hero-title {font-size:36px;}.blog-hero-subtitle {font-size:16px;}.blog-content-section {padding:40px 0;}.blog-card-image img {height:200px;}.blog-card-featured .blog-card-image img {height:240px;}.blog-card-featured .blog-card-title {font-size:24px;}.blog-card-title {font-size:19px;}.blog-card-content {padding:20px;}.sidebar-widget {padding:20px;}.blog-pagination {margin-top:32px;}}@media (max-width:575.98px) {.blog-hero {padding:70px 0 40px;}.blog-hero-title {font-size:28px;letter-spacing:-0.5px;}.blog-hero-subtitle {font-size:15px;}.blog-badge {font-size:10px;padding:6px 12px;}.blog-card-image img {height:180px;}.blog-card-featured .blog-card-image img {height:200px;}.blog-card-title {font-size:18px;}.blog-card-featured .blog-card-title {font-size:20px;}.blog-card-excerpt {font-size:14px;}.blog-card-content {padding:18px;}.sidebar-post-img {width:60px;height:60px;}.sidebar-post-title {font-size:14px;}.sidebar-widget {padding:18px;}.blog-pagination .page-link {padding:8px 12px;font-size:13px;}}