@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}:root{--bg-dark:#000000;--bg-card:#171717;--bg-main:#111111;--text-light:#e0e0e0;--text-white:#ffffff;--accent-orange:#ff6800;--border-color:#2c2c2c;--border-dark:#222222}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background-color:var(--bg-dark);color:var(--text-light);line-height:1.6}header{position:fixed;top:0;left:0;width:100%;z-index:1000;background-color:#000!important;border-bottom:1px solid var(--border-color)!important;box-shadow:0 20px 25px rgba(0,0,0,.2),0 20px 25px rgba(0,0,0,.25)}.logo-img{height:50px;width:auto}.btn-access{background-color:var(--accent-orange);color:var(--text-white);border:0;padding:10px 17px;border-radius:4px;font-size:1rem;font-weight:400;font-family:"Inter",sans-serif;text-decoration:none;display:flex;align-items:center;gap:8px;transition:background-color .3s ease}.btn-access:hover{background-color:#e55a00;color:var(--text-white)}.arrow-icon{width:15px;height:10px;margin-top:3px}main{padding-top:70px;background-color:var(--bg-main)}.blog-container,.header-container{max-width:1200px;margin:0 auto;padding:0 20px}.blog-container{padding:20px 20px 40px}.loading-spinner{width:50px;height:50px;border:3px solid var(--bg-card);border-top:3px solid var(--accent-orange);border-radius:50%;animation:spin 1s linear infinite}.btn-gradient{background:linear-gradient(45deg,var(--accent-orange),#e55a00);border:2px solid transparent;color:var(--text-white);font-weight:600;transition:all .3s ease;padding:12px 24px;border-radius:8px;text-decoration:none;display:inline-block}.btn-gradient:hover{background:linear-gradient(45deg,#e55a00,var(--accent-orange));transform:translateY(-2px);color:var(--text-white)}.featured-banners-section{margin-bottom:40px}.featured-swiper{border-radius:20px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5);width:100%}.featured-swiper .swiper-wrapper{height:auto!important}.featured-swiper .swiper-slide{height:auto!important;display:flex;align-items:center;justify-content:center}.featured-swiper .swiper-slide a{display:block;width:100%;height:100%}.featured-swiper .swiper-slide img{width:100%;height:auto;display:block;object-fit:contain;cursor:pointer;transition:all .3s ease}.featured-swiper .swiper-slide img:hover{filter:brightness(1.1)}.swiper-button-next:after,.swiper-button-prev:after{color:var(--accent-orange)!important;font-size:24px!important}.swiper-button-next:hover:after,.swiper-button-prev:hover:after{color:var(--text-white)!important}.swiper-pagination{bottom:20px!important}.swiper-pagination-bullet{background:rgba(255,255,255,.7)!important;opacity:1!important;width:12px!important;height:12px!important}.swiper-pagination-bullet-active{background:var(--accent-orange)!important;transform:scale(1.2)}.swiper,.swiper-container{width:100%;height:auto}.swiper-wrapper{align-items:center}.posts-section{margin-bottom:40px}.card-item{background-color:var(--bg-card);border-radius:20px;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.25);transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;cursor:pointer}.card-item:hover{transform:translateY(-4px);box-shadow:0 4px 8px rgba(0,0,0,.35)}.card-image-wrapper{position:relative;width:100%;padding-top:57.14%;overflow:hidden;background-color:#0a0a0a;border-radius:20px 20px 0 0}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.badge-category{position:absolute;top:10px;right:10px;background-color:var(--text-white);color:var(--accent-orange);padding:5px 12px;border-radius:50px;font-size:.75rem;font-weight:700;font-family:"Inter",sans-serif;box-shadow:0 2px 4px rgba(0,0,0,.25);z-index:10;white-space:nowrap}.card-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.card-text{font-size:1.125rem;font-weight:600;color:var(--text-light);margin-bottom:16px;flex-grow:1;line-height:1.5}.card-link{color:var(--accent-orange);text-decoration:none;font-size:1rem;font-weight:700;font-family:"Inter",sans-serif;transition:color .3s ease}.card-link:hover,.content-wrapper a:hover{color:#e55a00}.pagination-section{margin:40px 0}.pagination-wrapper{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}.pagination-arrow,.pagination-number{color:var(--text-light);text-decoration:none;font-size:1rem;font-weight:600;font-family:"Inter",sans-serif;padding:6px 10px;transition:color .3s ease;display:inline-block;min-width:36px;text-align:center;cursor:pointer}.content-wrapper a,.pagination-arrow:hover,.pagination-number.active,.pagination-number:hover{color:var(--accent-orange)}.pagination-number.active{font-weight:700}.divider{height:1px;background-color:var(--border-dark);width:100%}.content-wrapper code,.content-wrapper pre,.header-title{background-color:var(--bg-card)}.post-category{max-width:1200px;margin:0 auto;padding:40px 20px}.category-label{color:var(--accent-orange);font-size:1rem;font-weight:700;font-family:"Inter",sans-serif;margin-bottom:16px;text-transform:uppercase}.content-wrapper h2,.content-wrapper h3,.content-wrapper h4,.post-title{color:var(--text-light);font-weight:600;font-family:"Inter",sans-serif;line-height:1.4}.post-title{font-size:2rem;margin:0}.featured-image{width:100%;height:auto;display:block;border-radius:20px;box-shadow:0 2px 4px rgba(0,0,0,.25)}.post-content{padding:40px 0}.content-wrapper{color:var(--text-light);max-width:100%;overflow-wrap:break-word;word-wrap:break-word}.content-wrapper img{box-shadow:0 2px 8px rgba(0,0,0,.3)}.content-wrapper iframe{width:100%;aspect-ratio:16/9;border:0}.content-wrapper iframe,.content-wrapper img,.content-wrapper video{max-width:100%;height:auto;display:block;margin:24px auto;border-radius:12px}.content-wrapper table{max-width:100%;width:100%;border-collapse:collapse;margin:24px 0;overflow-x:auto;display:block}.content-wrapper table td,.content-wrapper table th{padding:12px;border:1px solid var(--border-color);text-align:left}.content-wrapper table th{background-color:var(--bg-card);font-weight:600}.content-wrapper blockquote{border-left:4px solid var(--accent-orange);padding-left:20px;margin:24px 0;font-style:italic;color:var(--text-light);opacity:.9}.content-wrapper pre{border:1px solid var(--border-color);border-radius:8px;padding:16px;overflow-x:auto;margin:24px 0}.content-wrapper code{padding:2px 6px;border-radius:4px;font-family:"Courier New",monospace;font-size:.9em}.content-wrapper pre code{background-color:transparent;padding:0}.content-wrapper figure{margin:24px 0;text-align:center}.content-wrapper figcaption{margin-top:8px;font-size:.875rem;color:var(--text-light);opacity:.8;font-style:italic}.content-wrapper h2,.content-wrapper h3,.content-wrapper h4{margin-top:32px;margin-bottom:16px}.content-wrapper h2{font-size:1.5rem}.content-wrapper h3{font-size:1.25rem}.content-wrapper p,.section-title{color:var(--text-light);font-family:"Inter",sans-serif}.content-wrapper p{font-size:1rem;font-weight:400;line-height:1.8;margin-bottom:20px}.content-wrapper ol,.content-wrapper ul{margin-bottom:20px;padding-left:30px}.content-wrapper li{margin-bottom:10px}.content-wrapper a{text-decoration:underline}.section-title{font-size:1.75rem;font-weight:600;margin-bottom:32px}.footer-section{padding:40px 0}.social-links{display:flex;justify-content:center;gap:24px;margin-bottom:24px}.social-link{text-decoration:none;transition:color .3s ease;display:inline-flex;align-items:center;justify-content:center}.social-link:hover{filter:brightness(0) saturate(100%) invert(47%) sepia(89%) saturate(2392%) hue-rotate(360deg) brightness(102%) contrast(104%)}.social-link svg{width:34.52px;height:34.52px}.responsibility-info{margin-bottom:24px}.responsibility-icon{width:auto;height:35px;margin-bottom:8px;display:block}.responsibility-text{font-size:.875rem;color:var(--text-light);margin:0}.copyright{font-size:.875rem;color:var(--text-white);font-weight:300}.copyright p{margin:0}@media (max-width:768px){.blog-container{padding:20px 16px}.logo-img{height:40px}.btn-access{padding:8px 12px;font-size:.875rem}.card-text{font-size:1rem}.post-title,.section-title{font-size:1.5rem}}@media (min-width:500px) and (max-width:767px){.posts-section .col-sm-12,.related-posts .col-sm-12{flex:0 0 50%;max-width:50%}}@media (max-width:576px){header .d-flex{flex-direction:column;gap:12px}.btn-access{width:100%;justify-content:center}.card-text{font-size:.9375rem}.post-title{font-size:1.25rem}.social-links{gap:16px}.social-link svg{width:28px;height:28px}}