.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:110px}.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{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.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:#cbd5e1;margin:10px 0 20px;font-size:clamp(16px,2.2vw,19px);font-weight:400;line-height:1.5}.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{color:#e2e8f0;margin-bottom:14px}.list-section-title{color:#e2e8f0!important;margin-top:16px!important;margin-bottom:10px!important;font-size:18px!important;font-weight:500!important;line-height:1.6!important}.article-body h2{color:#faff33;margin:28px 0 12px;font-size:clamp(24px,3.5vw,32px);font-weight:500}.article-body h3{color:#faff33;margin:22px 0 10px;font-size:clamp(22px,3vw,28px);font-weight:500}.yellow-text{color:#faff33!important}.article-body h4{color:#fff;margin:16px 0 8px;font-size:20px;font-weight:600}.article-body ul{margin-bottom:24px;padding-left:20px;list-style-type:disc}.article-body ol{margin-bottom:24px;padding-left:22px;list-style-type:decimal}.article-body ul li,.article-body ol li{color:#e2e8f0;margin-bottom:8px}.article-body strong,.article-body b{color:#fff;font-weight:700}.article-body li strong{font-size:inherit;color:#fff;font-weight:700;display:inline}.numbered-section-block{margin-top:20px;margin-bottom:24px}.numbered-section-header{color:#fff;margin-bottom:8px;font-size:20px;font-weight:700;line-height:1.5}.numbered-section-block p{color:#e2e8f0;margin-bottom:12px}.numbered-section-block ul{margin-top:10px;margin-bottom:16px;padding-left:24px;list-style-type:disc}.numbered-section-block ul li{color:#e2e8f0;margin-bottom:6px}.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;top:100px}}@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}.form-box{top:88px}.sidebar-titlee{font-size:22px!important}}.table-responsive-wrapper{box-sizing:border-box;background:linear-gradient(135deg,#0e3a5d66,#0b0f1acc);border:1px solid #0fb9b140;border-radius:14px;width:100%;max-width:100%;margin:36px 0;overflow-x:auto;box-shadow:0 12px 35px #0006,0 0 20px #0fb9b114}.article-table{border-collapse:collapse;text-align:left;table-layout:auto;background:0 0;width:100%;min-width:620px;font-size:15px}.article-table th{color:#faff33;letter-spacing:.3px;white-space:normal;word-break:break-word;background:linear-gradient(90deg,#0e3a5d 0%,#0b0f1a 100%);border-bottom:2px solid #0fb9b1;padding:16px 22px;font-size:16px;font-weight:700}.article-table td{color:#e2e8f0;vertical-align:top;word-break:break-word;border-bottom:1px solid #ffffff12;padding:16px 22px;line-height:1.7;transition:background .2s}.article-table tr:hover td{background:#0fb9b114}.article-table tr:nth-child(2n) td{background:#ffffff05}.article-table tr:nth-child(2n):hover td{background:#0fb9b11a}.article-table tr:last-child td{border-bottom:none}.article-table td:first-child{color:#fff;font-weight:600}.article-table td strong,.article-table th strong{color:#fff;font-weight:700}.article-table td a,.article-table th a{color:#0fb9b1;font-weight:500;text-decoration:underline;transition:color .2s}.article-table td a:hover,.article-table th a:hover{color:#faff33}.blog-faq-section{margin:45px 0}.faq-section-header-wrapper{margin-bottom:22px}.faq-badge{letter-spacing:1.5px;color:#0fb9b1;text-transform:uppercase;background:#0fb9b11f;border:1px solid #0fb9b14d;border-radius:20px;margin-bottom:8px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.faq-section-title{text-shadow:0 2px 10px #0000004d;margin:0;font-size:clamp(24px,3.5vw,30px);font-weight:700;line-height:1.3;color:#faff33!important}.faq-accordion-list{flex-direction:column;gap:14px;display:flex}.faq-accordion-item{background:linear-gradient(135deg,#0e3a5d59,#0b0f1ab3);border:1px solid #ffffff14;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;box-shadow:0 4px 15px #0003}.faq-accordion-item:hover{border-color:#0fb9b159;transform:translateY(-1px);box-shadow:0 6px 20px #0fb9b11a}.faq-accordion-item.active{background:linear-gradient(135deg,#0fb9b11a,#0e3a5d73);border-color:#0fb9b1;border-left-style:solid;border-left-width:4px;box-shadow:0 8px 25px #0fb9b12e}.faq-accordion-header{text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 22px;font-size:17px;font-weight:600;display:flex}.faq-question-text{color:#fff;line-height:1.5;transition:color .2s}.faq-accordion-item.active .faq-question-text{color:#faff33}.faq-icon-badge{color:#0fb9b1;background:#0fb9b11f;border:1px solid #0fb9b159;border-radius:50%;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;font-size:18px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.faq-icon-badge.active{color:#0b0f1a;background:#0fb9b1;border-color:#0fb9b1;transform:rotate(180deg);box-shadow:0 0 12px #0fb9b180}.faq-accordion-content{border-top:1px solid #0fb9b126;padding:0 22px 20px;animation:.3s ease-in-out faqFadeIn}.faq-answer-inner{color:#cbd5e1;padding-top:14px;font-size:16px;line-height:1.7}.faq-answer-inner a{color:#0fb9b1;font-weight:500;text-decoration:underline}.faq-answer-inner a:hover{color:#faff33}@keyframes faqFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}