:root{--blog-bg:#f8f9fa;--blog-card-bg:#ffffff;--blog-primary:#0474B4;--blog-secondary:#BC1C5C;--blog-primary-hover:#035d91;--blog-text-main:#111;--blog-text-muted:#6b7280;--blog-border:#eaeaea;--blog-shadow:0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05);--blog-shadow-hover:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--blog-font-heading:'Space Grotesk', sans-serif;--blog-font-body:'DM Sans', sans-serif}.blog-export-wrapper{background-color:var(--blog-bg);color:var(--blog-text-main);font-family:var(--blog-font-body);padding:80px 0}.app-container{max-width:1200px;margin:0 auto;padding:0 20px}.main-content-area{display:flex;gap:40px}.left-column{flex:1;min-width:0}.right-sidebar{width:320px;flex-shrink:0}.breadcrumbs{margin-bottom:24px;font-size:14px;color:var(--blog-text-muted)}.breadcrumbs a{color:var(--blog-primary);text-decoration:none;font-weight:500}.breadcrumbs span{margin-left:8px}.blog-hero{position:relative;background:#fff;border-radius:24px;padding:60px 40px;margin-bottom:60px;text-align:center;overflow:hidden;box-shadow:var(--blog-shadow)}.blog-hero .page-title{margin-bottom:16px;text-align:center}.hero-subline{font-size:18px;color:var(--blog-text-muted);max-width:600px;margin:0 auto 40px;line-height:1.6}.hero-search-wrap{max-width:500px;margin:0 auto;position:relative;z-index:2}.hero-search-form{display:flex;background:#f1f5f9;padding:8px;border-radius:12px;align-items:center;gap:12px}.hero-search-form .search-icon{font-size:20px;color:var(--blog-text-muted);margin-left:10px}.hero-search-form .search-field{flex:1;background:#fff0;border:none;font-size:16px;color:var(--blog-text-main);outline:none}.hero-search-form .search-submit{background:var(--blog-primary);color:#fff;border:none;padding:10px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background 0.2s}.hero-search-form .search-submit:hover{background:var(--blog-primary-hover)}.bg-decorator{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(80px);opacity:.15;z-index:1}.bg-glow-1{top:-100px;left:-100px;background:var(--blog-primary)}.bg-glow-2{bottom:-100px;right:-100px;background:var(--blog-secondary)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:32px}.post-card{background:var(--blog-card-bg);border-radius:20px;overflow:hidden;box-shadow:0 10px 30px -10px rgb(0 0 0 / .08);transition:all 0.4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border:1px solid rgb(0 0 0 / .03)}.post-card:hover{transform:translateY(-12px);box-shadow:0 20px 40px -15px rgb(0 0 0 / .12);border-color:rgb(4 116 180 / .2)}.post-image-wrapper{position:relative;aspect-ratio:16/10;overflow:hidden}.post-image{width:100%;height:100%;object-fit:cover;transition:transform 0.8s cubic-bezier(.4,0,.2,1)}.post-card:hover .post-image{transform:scale(1.1)}.post-content-padding{padding:30px;display:flex;flex-direction:column;flex-grow:1}.post-meta{display:flex;align-items:center;gap:16px;margin-bottom:20px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--blog-text-muted);font-weight:600}.meta-item{display:flex;align-items:center;gap:8px}.meta-category a{color:var(--blog-primary);text-decoration:none}.post-title{font-family:var(--blog-font-heading);font-size:24px;font-weight:700;line-height:1.3;margin-bottom:16px}.post-title a{color:var(--blog-text-main);text-decoration:none;transition:color 0.3s}.post-card:hover .post-title a{color:var(--blog-primary)}.post-excerpt{font-size:15px;line-height:1.7;color:var(--blog-text-muted);margin-bottom:30px;flex-grow:1}.read-more-btn{display:inline-flex;align-items:center;font-weight:700;color:var(--blog-primary)!important;text-decoration:none;font-size:14px;text-transform:uppercase;letter-spacing:.05em;transition:transform 0.2s}.read-more-btn::after{content:'→';margin-left:6px;transition:transform 0.3s cubic-bezier(.4,0,.2,1)}.read-more-btn:hover{text-decoration:none}.read-more-btn:hover::after{transform:translateX(6px)}.sidebar-widget{background:var(--blog-card-bg);padding:24px;border-radius:16px;margin-bottom:32px;box-shadow:var(--blog-shadow)}.widget-title{font-family:var(--blog-font-heading);font-size:18px;font-weight:700;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--blog-bg);color:var(--blog-text-main)}.widget-list{list-style:none;padding:0;margin:0}.widget-list li{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--blog-bg)}.widget-list li:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.widget-list a{color:var(--blog-text-main);text-decoration:none;font-size:14px;transition:color 0.2s}.widget-list a:hover{color:var(--blog-primary)}.widget-list li::before{content:'👉';font-size:10px;margin-right:8px;opacity:.6}.archive-list li{font-size:14px;color:var(--blog-text-main)}.video-grid{display:flex;flex-direction:column;gap:16px}.video-grid iframe{width:100%;aspect-ratio:16/9;border-radius:12px}.search-box-widget{display:flex;background:var(--blog-bg);border-radius:8px;padding:4px}.search-box-widget input{flex:1;background:#fff0;border:none;padding:10px 12px;font-size:14px;outline:none}.search-box-widget button{background:var(--blog-primary);color:#fff;border:none;border-radius:6px;width:38px;height:38px;cursor:pointer;transition:background 0.2s}.search-box-widget button:hover{background:var(--blog-primary-hover)}.pagination{margin-top:48px;display:flex;justify-content:center}.nav-links{display:flex;gap:8px}.page-numbers{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--blog-card-bg);border:1px solid var(--blog-border);color:var(--blog-text-main);text-decoration:none;font-weight:600;transition:all 0.2s}.page-numbers.current{background:var(--blog-primary);color:#fff;border-color:var(--blog-primary)}.page-numbers:hover:not(.current){border-color:var(--blog-primary);color:var(--blog-primary)}.blog-single-page .left-column{background:var(--blog-card-bg);padding:48px;border-radius:20px;box-shadow:var(--blog-shadow)}.post-header{margin-bottom:32px}.post-header .title{font-family:var(--blog-font-heading);font-size:48px;line-height:1.15;font-weight:700;margin-bottom:30px;color:var(--blog-text-main)}.meta-info{display:flex;align-items:center;gap:16px}.meta-info .avatar{border-radius:50%;border:2px solid var(--blog-bg)}.meta-info ul{list-style:none;padding:0;margin:0}.meta-info li{font-size:14px;color:var(--blog-text-muted)}.meta-info .meta-author{font-weight:700;color:var(--blog-text-main);text-transform:uppercase;font-size:12px;letter-spacing:.05em}.the-post-thumbnail{margin:40px -48px}.the-post-thumbnail img{width:100%;height:auto;border-radius:0}.post-body{font-size:18px;line-height:1.8;color:#334155}.post-body p{margin-bottom:24px}.post-body h1,.post-body h2,.post-body h3,.post-body h4{font-family:var(--blog-font-heading);color:var(--blog-text-main);margin:40px 0 20px;line-height:1.2}.post-body h2{font-size:32px}.post-body h3{font-size:26px}.post-body h4{font-size:22px}.post-body img{border-radius:12px;margin:40px auto;display:block}.social-share{margin-top:60px;padding-top:30px;border-top:1px solid var(--blog-border)}.post-tags p{font-size:14px;color:var(--blog-text-muted)}.post-tags span{display:inline-block;padding:4px 12px;background:var(--blog-bg);border-radius:6px;margin-left:6px;color:var(--blog-text-main);font-weight:500}.social-icons{margin-top:20px}.social-icons p{font-size:14px;margin-bottom:12px;color:var(--blog-text-main)}.social-icons ul{list-style:none;padding:0;display:flex;gap:12px}.social-icons a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--blog-bg);color:var(--blog-primary);border-radius:50%;transition:all 0.2s}.social-icons a:hover{background:var(--blog-primary);color:#fff;transform:translateY(-3px)}.about-author{margin-top:60px;padding:40px;background:var(--blog-bg);border-radius:16px}.author-info-wrap{display:flex;gap:24px;align-items:center}.author-avatar img{border-radius:50%;border:4px solid #fff;box-shadow:var(--blog-shadow)}.author-desc h5{font-family:var(--blog-font-heading);font-size:20px;margin-bottom:8px;color:var(--blog-text-main)}.author-desc p{font-size:15px;color:var(--blog-text-muted);line-height:1.6;margin:0}@media (max-width:1024px){.main-content-area{flex-direction:column}.right-sidebar{width:100%}}@media (max-width:768px){.blog-export-wrapper{padding:40px 0}.blog-single-page .left-column{padding:24px}.post-header .title{font-size:32px}.the-post-thumbnail{margin:32px -24px}.author-info-wrap{flex-direction:column;text-align:center}}