.blog-detail-page{color:#fff;background:linear-gradient(90.07deg,#0fb9b1 .06%,#0e3a5d 44.24%,#0b0f1a 99.94%);min-height:100vh;padding:60px 0;font-family:Inter,sans-serif}.blog-detail-container{grid-template-columns:300px 1fr;gap:50px;max-width:1440px;margin:0 auto;display:grid;padding:0 44px!important}.blog-detail-sidebar{flex-direction:column;gap:40px;display:flex}.blog-detail-sidebar .blog-sidebar{width:100%;position:relative;top:auto}.sidebar-card{background:0 0;width:300px;padding:0}.sticky-sidebar-content{flex-direction:column;gap:40px;display:flex}.sidebar-section{width:100%}.comments-sidebar-card{background:#fff;border:1px solid #e2e8f0;border-radius:4px;flex-direction:column;gap:20px;width:300px;margin-bottom:40px;padding:25px 15px;display:flex}.sidebar-section-title{color:#333;font-family:Inter,sans-serif;font-size:24px;font-weight:500}.sidebar-titlee{color:#0b0f1a;font-weight:600;font-size:23px!important}.recent-comments-list{flex-direction:column;gap:15px;margin-bottom:10px;display:flex}.comment-item{flex-direction:column;gap:5px;display:flex}.commenter-name{color:#94a3b8;font-size:14px;font-weight:500}.comment-text{color:#333;margin:0;font-size:14px;font-style:normal;line-height:1.4}.comment-form{flex-direction:column;gap:15px;display:flex}.comment-form input,.comment-form textarea{color:#333;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:12px 15px;font-size:14px;transition:border-color .2s}.comment-form input:focus,.comment-form textarea:focus{border-color:#0fb9b1}.comment-form textarea{resize:none;height:120px}.comment-form input::placeholder,.comment-form textarea::placeholder{color:#94a3b8}.form-box{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:4px;flex-direction:column;gap:12px;width:300px;margin-top:0;padding:25px 15px;display:flex;position:sticky;top:10px}.form-box .sidebar-title{color:#333;text-align:left;margin-bottom:10px;font-size:26px;font-weight:600}.form-box input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:4px;outline:none;width:100%;padding:12px 15px;font-size:14px}.yellow-bg{background-color:#faff33!important}.sidebar-header{text-align:center;border-radius:4px;margin-bottom:5px;padding:12px}.sidebar-title{color:#212529;margin:0;font-family:Castoro Titling,serif;font-size:24px;font-weight:700}.yellow-btn{color:#212529;cursor:pointer;text-transform:uppercase;background-color:#faff33;border:none;border-radius:4px;width:100%;margin-top:10px;padding:14px;font-size:14px;font-weight:700;transition:all .3s}.yellow-btn:hover{background-color:#e6e600}.blog-detail-content{width:99%}.article-header{margin-bottom:10px}.article-title{color:#faff33;font-size:clamp(28px,4vw,35px);font-weight:400;line-height:1.2}.article-subtitle{color:#fff;margin:5px 0;font-size:clamp(20px,3vw,26px);font-weight:400;line-height:1.3}.article-banner{width:100%;height:420px;margin-bottom:30px}.article-banner img{object-fit:cover;border-radius:12px;width:100%;height:100%;box-shadow:0 15px 40px #0006}.article-body{color:#e2e8f0;font-size:18px;line-height:1.8}.article-body p{margin-bottom:1px}.article-body h3{font-size:clamp(22px,3vw,28px);font-weight:400}.yellow-text{color:#faff33!important}.article-body h4{color:#fff;margin:10px 0;font-size:22px;font-weight:600}.article-body ul{margin-bottom:20px;padding-left:20px;list-style-type:disc}.article-body ul li{margin-bottom:0}.article-body ol{counter-reset:topic-counter;margin-bottom:40px;padding-left:0;list-style:none}.article-body ol>li{counter-increment:topic-counter;margin-bottom:15px;padding-left:0;position:relative}.article-body li strong{color:#fff;font-size:24px;font-weight:400;display:block}.article-images{grid-template-rows:250px 250px;grid-template-columns:repeat(3,1fr);gap:15px;max-width:100%;margin:40px 0;display:grid}.article-images img{object-fit:cover;border-radius:8px;width:100%;height:100%;box-shadow:0 4px 15px #00000026}.img-handshake{grid-area:1/1/2/3}.img-tablet{grid-area:2/1/3/2}.img-vr{grid-area:2/2/3/3}.img-tall{grid-area:1/3/3/4}.author-card{border-top:1px solid #ffffff1a;align-items:center;gap:20px;max-width:900px;margin-top:35px;padding:40px 0;display:flex}.author-avatar{object-fit:cover;border:3px solid #faff33;border-radius:50%;width:100px;height:100px}.author-details{flex-direction:column;display:flex}.author-name{color:#fff;font-size:22px;font-weight:500}.author-role{color:#94a3b8;margin-top:-5px;margin-bottom:5px;margin-left:2px;font-size:16px}.blog-detail-skeleton{background:linear-gradient(90deg,#ffffff24 25%,#ffffff47 50%,#ffffff24 75%) 0 0/200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite blogDetailShimmer;display:block}.blog-detail-skeleton--title{width:min(680px,88%);height:42px;margin-bottom:14px}.blog-detail-skeleton--subtitle{width:min(560px,70%);height:28px}.blog-detail-skeleton--banner{border-radius:12px;width:100%;height:100%}.blog-detail-skeleton--line{width:100%;height:18px;margin-bottom:16px}.blog-detail-skeleton--line-short{width:68%}@keyframes blogDetailShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1400px){.blog-detail-container{grid-template-columns:280px 1fr;padding:0 20px}}@media (max-width:1200px){.blog-detail-container{gap:40px;padding:0 30px}}@media (max-width:1024px){.blog-detail-container{grid-template-columns:1fr;gap:30px;max-width:1000px;padding:0 40px}.blog-detail-sidebar{flex-direction:column;order:2;gap:20px;width:100%;margin-top:30px;display:flex}.blog-detail-sidebar .category-list{flex-direction:column;gap:8px;width:100%;display:flex}.blog-detail-sidebar .category-item{width:100%;max-width:none;height:45px}.blog-detail-sidebar .sidebar-header{width:100%;max-width:none;margin-bottom:5px}.blog-detail-content{order:1;width:100%}.sticky-sidebar-content{flex-direction:column;gap:20px;display:flex;position:relative;top:0}.form-box{margin-top:0}}@media (max-width:768px){.blog-detail-page{padding:30px 0}.blog-detail-container{gap:40px;padding:0 20px}.blog-detail-sidebar{grid-template-columns:1fr;max-width:500px}.article-banner{height:300px}.article-images{grid-template-rows:auto auto;grid-template-columns:repeat(2,1fr);gap:15px}.img-handshake,.img-tablet,.img-vr,.img-tall{grid-area:span 1/span 1;height:200px}.article-body{font-size:17px}.author-card{text-align:center;flex-direction:column;margin-top:40px;padding:30px 0}}@media (max-width:480px){.blog-detail-container{padding:0 15px!important}.article-images{grid-template-columns:1fr}.article-images img{height:180px}.article-banner{height:220px}.form-box,.comments-sidebar-card,.sidebar-card{padding:20px 15px;width:100%!important;max-width:none!important}.sidebar-titlee{font-size:22px!important}}