:root{--primary-blue:#2750ba;--whatsapp-green:#25D366;--dark-bg:#101828;--detail-bg:#F9FAFB;--detail-white:#FFFFFF;--detail-primary:#2750BA;--detail-heading:#1D2939;--detail-body:#344054;--detail-divider:#D0D5DD;--detail-light-blue:#DBE2F1}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:'Inter',sans-serif;line-height:1.6;scroll-behavior:smooth;overflow-x:hidden;width:100%}html{scroll-padding-top:74px}h1,h2,h3,h4,h5{margin:0}.primary-display-semibold{font-size:28px;font-weight:600;line-height:1.4}.primary-text-medium{font-size:18px;font-weight:500}.secondary-text-regular{font-size:16px;color:#475467}.text-muted{color:#5c636a !important}section{padding:80px 0}.mt-100{margin-top:100px}.mb-100{margin-bottom:100px}.mt-56{margin-top:56px}.mb-56{margin-bottom:56px}.mtb-100{margin:100px 0}.navbar{transition:all 0.3s ease}.nav-custom{backdrop-filter:blur(12px);background:transparent;transition:all 0.4s cubic-bezier(0.4,0,0.2,1);padding:33px 0;width:100%}.nav-custom.is-solid{background:rgba(16,24,40,1);box-shadow:0 4px 10px rgba(0,0,0,0.2);padding:15px 0}.text-brand{color:#fff;font-weight:600;font-size:16px;white-space:nowrap}.nav-link{color:#fff !important;font-size:16px;transition:0.3s;padding:8px 15px !important}.nav-link:hover{color:#d0d5dd !important}@media (max-width:991px){.navbar-toggler{padding:8px;background:rgba(255,255,255,0.1);border:none}.navbar-collapse{background:#101828;border-radius:0 0 16px 16px;padding:20px;margin-top:15px;border-top:1px solid rgba(255,255,255,0.1)}.nav-link{font-size:18px}}.button-navbar-custom{padding:10px 16px;background:var(--primary-blue);border-radius:12px;display:flex;gap:8px;align-items:center;transition:all 0.25s ease}.text-button-navbar-custom{color:white;font-weight:500}.btn-primary-hero{background:var(--whatsapp-green);color:white;padding:14px 22px;border-radius:12px;text-decoration:none;font-weight:600;display:inline-block;transition:all 0.25s ease}.btn-primary-hero:hover{background:#1ebe5d;transform:translateY(-2px);color:white}.btn-secondary-hero{border:1px solid #D0D5DD;color:white;padding:14px 22px;border-radius:12px;text-decoration:none;display:inline-block;transition:all 0.25s ease}.btn-secondary-hero:hover{background:rgba(255,255,255,0.1);color:white;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.btn-seo-primary{background:var(--primary-blue);color:white;padding:14px 24px;border-radius:12px;text-decoration:none;display:inline-block;transition:all 0.25s ease}.btn-seo-primary:hover{background:#1f3f96;transform:translateY(-2px);color:white}.main{background-image:url('assets/images/hero-main.webp');background-size:cover;background-position:center;min-height:100vh;display:flex;align-items:center;padding-top:110px}.text-main{color:white;font-size:48px;font-weight:600;line-height:1.2}.text-sub{color:rgba(255,255,255,0.9);font-size:18px}.hero-badge{background:rgba(255,255,255,0.1);color:#D0D5DD;padding:6px 12px;border-radius:999px;font-size:14px;display:inline-block}.highlight{color:#FACC15}.hero-trust{display:flex;gap:20px;flex-wrap:wrap;color:#D0D5DD;font-size:14px}.hero-image{max-width:100%;border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,0.3);transition:transform 0.5s ease}.hero-image:hover{transform:translateY(-10px)}@media (max-width:991px){.main{padding-top:130px;padding-bottom:50px}}.card-mitra,.card-misi,.seo-card-premium{background:white;border-radius:16px;box-shadow:0px 10px 30px rgba(16,24,40,0.06);height:100%;border:1px solid #eaecf0}.card-mitra{padding:32px;text-align:center}.card-misi{padding:24px;display:flex;flex-direction:column}.card-misi .number{font-size:24px;font-weight:bold;color:var(--primary-blue);margin-bottom:12px}.seo-card-premium{padding:28px;transition:0.3s}.seo-card-premium:hover{transform:translateY(-6px)}.card-layanan{position:relative;border-radius:16px;overflow:hidden;margin-bottom:24px;transition:0.3s}.card-layanan:hover{transform:scale(1.02)}.card-image{width:100%;height:100%;object-fit:cover;min-height:250px}.overlay,.overlay3{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,#170D2D 100%)}.card-text-image{position:absolute;bottom:16px;left:24px;color:white;font-size:20px;font-weight:600;margin:0;padding-right:20px}.card-reward{padding:20px;border-radius:16px;border:1px solid #D0D5DD;display:flex;justify-content:space-between;align-items:center;background:white}.reward-achievement{font-size:40px;font-weight:600;color:var(--primary-blue)}.seo-premium{background:linear-gradient(180deg,#ffffff 0%,#f9fafb 100%);text-align:center}.seo-badge{padding:6px 14px;background:rgba(39,80,186,0.1);color:var(--primary-blue);border-radius:999px;font-size:14px;display:inline-block;margin-bottom:16px}.seo-title{font-size:32px;font-weight:600;margin-bottom:16px}.seo-title span{color:var(--primary-blue)}.seo-subtitle{max-width:600px;margin:auto;color:#475467}.border-divider{width:100%;height:1px;background-color:#D0D5DD;margin:40px 0}@media (min-width:992px){.vertical-divider{width:1px;height:100px;background-color:#D0D5DD;margin:0 auto}}.blog-card{position:relative;height:500px;border-radius:16px;overflow:hidden;box-shadow:0px 8px 30px rgba(16,24,40,0.1);background:#101828}.blog-img{width:100%;height:100%;object-fit:cover;transition:all 0.5s ease}.blog-card:hover .blog-img{filter:blur(8px);transform:scale(1.1);opacity:0.6}.blog-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,24,40,0) 40%,rgba(16,24,40,0.9) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:30px 24px;z-index:2}.blog-content{transition:all 0.4s ease}.blog-date{color:#EAECF0;font-size:14px;margin-bottom:8px}.blog-title{color:white;font-size:24px;font-weight:600;line-height:1.4;margin-bottom:20px;transition:transform 0.4s ease}.blog-link{color:white;text-decoration:none;font-weight:500;border-bottom:1.5px solid white;padding-bottom:4px;display:inline-flex;align-items:center;gap:8px;opacity:0;transform:translateY(20px);transition:all 0.4s ease}.blog-card:hover .blog-link{opacity:1;transform:translateY(0)}.blog-card:hover .blog-title{transform:translateY(-5px)}.btn-blog-more{display:inline-flex;align-items:center;gap:10px;background:#DBE2F1;color:#2750BA;padding:12px 24px;border-radius:12px;font-weight:600;transition:0.3s}.btn-blog-more:hover{background:#cbd5e9;transform:scale(1.05)}.portofolio-hero{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:56px 100px 160px;background:#1D2939;min-height:430px;overflow:hidden}.portofolio-hero>*{position:relative;z-index:2}.portfolio-item{background:white;border-radius:16px;overflow:hidden;height:100%}.portfolio-image{height:380px;overflow:hidden;align-items:center;justify-content:center;border-radius:16px 16px 0 0}.bg-gray-custom{background:#8F95A5}.bg-gradient-light{background:linear-gradient(224deg,#99A8D1 0%,#FFFFFF 96%)}.bg-gradient-blue{background:linear-gradient(224deg,#31317C 6%,#7B7ED1 96%)}.portfolio-image img{transition:transform 0.5s ease;object-fit:cover}.portfolio-item:hover .portfolio-image img{transform:scale(1.05)}.portfolio-info{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.portfolio-name{color:#1D2939;font-size:22px;font-weight:600;margin-bottom:4px}.portfolio-category{color:#667085;font-size:16px;margin-bottom:0}.btn-explore{background:#2750BA;color:white !important;padding:10px 20px;border-radius:12px;font-weight:500;text-decoration:none;white-space:nowrap;transition:0.3s;display:inline-flex;align-items:center;gap:8px}.btn-explore:hover{background:#1e3d8f;box-shadow:0px 4px 12px rgba(39,80,186,0.3)}.portfolio-cta-card{display:flex;align-items:center;justify-content:center;height:380px;background:linear-gradient(180deg,#DBE2F1 0%,rgba(219,226,241,0) 100%);border-radius:16px;transition:0.3s}.portfolio-cta-card:hover{background:#DBE2F1}.cta-content{color:#274A9B;font-size:24px;font-weight:600;display:flex;align-items:center;gap:12px}.cta-icon{filter:invert(24%) sepia(87%) saturate(2251%) hue-rotate(215deg) brightness(91%) contrast(92%)}.product-card{background:#FFFFFF;border-radius:12px;padding:24px;box-shadow:0px 10px 30px rgba(13,20,33,0.08);height:100%;transition:all 0.3s ease;border:1px solid #f2f4f7;display:flex;flex-direction:column}.product-card:hover{transform:translateY(-8px);border-color:#DBE2F1;box-shadow:0px 20px 40px rgba(13,20,33,0.12)}.product-img-container{width:100%;height:232px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-img{max-width:100%;max-height:100%;object-fit:contain}.product-info{display:flex;flex-direction:column;flex-grow:1}.product-name{font-size:18px;color:#1D2939;font-weight:500;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;min-height:54px}.product-price{font-size:24px;color:#2750BA;font-weight:600;margin-bottom:12px}.product-meta{display:flex;align-items:center;gap:12px;margin-bottom:24px;margin-top:auto}.meta-item{font-size:14px;color:#344054}.meta-divider{width:1px;height:18px;background:#D0D5DD}.btn-buy-now{display:flex;justify-content:center;align-items:center;gap:8px;background:#F04438;color:white !important;padding:12px;border-radius:16px;font-weight:600;transition:0.3s}.btn-buy-now:hover{background:#d32f2f;box-shadow:0px 4px 12px rgba(240,68,56,0.3)}.btn-catalog-more{display:inline-flex;align-items:center;gap:8px;background:#DBE2F1;color:#2750BA !important;padding:10px 20px;border-radius:16px;font-weight:600;transition:0.3s}.btn-catalog-more:hover{background:#cdd7ed}.btn-icon-blue{filter:invert(24%) sepia(87%) saturate(2251%) hue-rotate(215deg) brightness(91%) contrast(92%)}.blog-hero{position:relative;display:flex;justify-content:space-between;align-items:flex-start;padding:56px 100px 160px;background:#1D2939;min-height:430px;max-height:430px;overflow:hidden}.blog-hero>*{position:relative;z-index:2}.gradient{position:absolute;border-radius:50%;filter:blur(160px)}.gradient-1{width:600px;height:600px;top:56px;right:-100px;background:radial-gradient(circle,rgba(255,174,136,0.3),transparent)}.gradient-2{width:850px;height:850px;bottom:-400px;left:300px;transform:rotate(-154deg);background:radial-gradient(circle,rgba(0,79,180,0.3),transparent)}.hero-content{display:flex;flex-direction:column;gap:16px;max-width:640px}.hero-text h1{color:white;font-size:48px}.hero-text p{color:#EAECF0;font-size:18px}.btn-scroll{width:52px;height:52px;border-radius:16px;background:#DBE2F1;border:none}.hero-stats{display:flex;flex-direction:column;gap:24px}.stat-card{width:180px;padding:20px;background:rgba(71,84,103,0.4);border-radius:16px;backdrop-filter:blur(10px);text-align:center}.stat-card h2{font-size:48px;margin:0}.stat-card .green{color:#12B76A}.stat-card .blue{color:#B3C0DE}.blog-overlay-wrapper{margin-top:-200px;position:relative;z-index:5}.blog-card-v2{position:relative;height:420px;border-radius:16px;overflow:hidden}.blog-bg{width:100%;height:100%;object-fit:cover;transition:0.5s ease}.blog-overlay-v2{position:absolute;inset:0;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top,rgba(16,24,40,0.6) 0%,rgba(16,24,40,0.3) 40%,rgba(16,24,40,0.0) 70%)}.blog-label{color:#fff;font-size:14px;font-weight:600;margin-bottom:12px;text-shadow:0 2px 6px rgba(0,0,0,0.6)}.blog-body{display:flex;gap:16px}.blog-date-box{display:flex;flex-direction:column;align-items:center}.date-day{font-size:24px;font-weight:700;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,0.6)}.date-month{font-size:12px;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,0.6)}.blog-divider{width:1px;background:rgba(255,255,255,0.5)}.blog-content-v2{flex:1}.blog-title-v2{font-size:22px;font-weight:600;color:#fff;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;text-shadow:0 2px 8px rgba(0,0,0,0.7)}.blog-desc{font-size:14px;color:#EAECF0;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden;text-shadow:0 2px 8px rgba(0,0,0,0.6)}.blog-card-v2:hover .blog-bg{transform:scale(1.05);filter:blur(3px) brightness(0.8)}.blog-btn-hover{margin-top:12px;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:rgba(255,255,255,0.15);backdrop-filter:blur(6px);color:#fff;text-decoration:none;font-size:14px;font-weight:600;opacity:0;transform:translateY(10px);transition:all 0.3s ease}.blog-card-v2:hover .blog-btn-hover{opacity:1;transform:translateY(0)}.blog-btn-hover:hover{background:rgba(255,255,255,0.25)}.blog-card-small{background:#E9EFF2;padding:24px;border-radius:16px;height:180px;margin-top:150px !important;display:flex;flex-direction:column;transition:0.3s}.blog-card-small:hover{background:#dfe6e9;transform:translateY(-5px)}.link-read{border-bottom:1px solid #1D2939;text-decoration:none;color:#1D2939;text-decoration:none;font-weight:500;border-bottom:1.5px solid #1D2939;padding-bottom:4px;display:inline-flex;align-items:center;gap:8px}.blog-card-small h4{font-size:20px;color:#1D2939;margin:10px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden}.blog-card-small .article-desc{font-size:14px;color:#344054;line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden}.blog-card-small .link-read{margin-top:auto;border-bottom:1px solid #1D2939;text-decoration:none;color:#1D2939;width:fit-content}.article-card{display:flex;gap:24px;border-radius:16px;box-shadow:0 8px 60px rgba(0,0,0,0.1);background:white}.article-image{width:364px;height:319px;object-fit:cover}.article-content{padding:24px}.article-title{font-size:28px}.article-link{border-bottom:1px solid black}.bg-detail-body{background-color:var(--detail-bg)}.breadcrumb-wrapper{background:var(--detail-white);padding:16px 0;margin-top:80px;border-bottom:1px solid var(--detail-divider)}.breadcrumb-item a{color:var(--detail-heading);text-decoration:none;font-size:16px}.breadcrumb-item.active{color:var(--detail-primary);font-weight:700}.detail-header-section{background:var(--detail-white);padding:56px 0;border-bottom:1px solid var(--detail-divider)}.btn-back-circle{width:44px;height:44px;background:var(--detail-light-blue);border-radius:16px;display:flex;align-items:center;justify-content:center;border:none;transition:0.3s}.btn-back-circle:hover{background:#cdd7ed;transform:translateX(-3px)}.detail-title{font-family:'Author',sans-serif;font-size:36px;font-weight:600;line-height:44px;color:var(--detail-heading)}.detail-date{font-size:18px;font-weight:500;color:var(--detail-body);margin-top:16px}.share-label{font-family:'Author',sans-serif;font-size:18px;color:var(--detail-body)}.share-group{gap:16px;display:flex}.share-link{font-size:20px;color:#667085;transition:all 0.3s ease;text-decoration:none}.share-link:hover{transform:translateY(-3px)}.share-link.wa:hover{color:#25D366}.share-link.fb:hover{color:#1877F2}.share-link.tw:hover{color:#000000}.share-link.ig:hover{color:#E4405F}.detail-main-img{width:100%;height:424px;object-fit:cover;border-radius:16px;margin-top:56px}.detail-content-text{font-size:16px;line-height:1.7;color:var(--detail-body);font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}.detail-content-text p{margin-bottom:1.2em}.detail-content-text h1,.detail-content-text h2,.detail-content-text h3,.detail-content-text h4,.detail-content-text h5,.detail-content-text h6{color:var(--detail-heading);font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-weight:600;margin-top:1.5em;margin-bottom:0.5em;line-height:1.4}.detail-content-text h1{font-size:1.75rem}.detail-content-text h2{font-size:1.5rem}.detail-content-text h3{font-size:1.25rem}.detail-content-text h4{font-size:1.1rem}.detail-content-text h5{font-size:1rem}.detail-content-text ul{padding-left:1.5rem;margin-bottom:1.2em;list-style-type:disc}.detail-content-text ol{padding-left:1.5rem;margin-bottom:1.2em;list-style-type:decimal}.detail-content-text li{margin-bottom:0.5em;line-height:1.6}.detail-content-text blockquote{border-left:4px solid #06b6d4;padding:12px 16px;background-color:rgba(6,182,212,0.05);border-radius:0 8px 8px 0;font-style:italic;color:var(--detail-heading);margin:1.5em 0}.detail-content-text table{width:100%;border-collapse:collapse;margin:1.5em 0}.detail-content-text table th,.detail-content-text table td{border:1px solid rgba(100,116,139,0.25);padding:8px 12px;text-align:left}.detail-content-text table th{background-color:rgba(100,116,139,0.1);font-weight:600;color:var(--detail-heading)}.detail-content-text img{max-width:100%;height:auto;border-radius:8px;margin:1.5em 0}.detail-content-text strong,.detail-content-text b{font-weight:700;color:var(--detail-heading)}.detail-content-text .lead{font-size:1.15rem;font-weight:400;line-height:1.7;color:var(--detail-heading);margin-bottom:1.5em}.detail-content-text .text-muted{color:#667085 !important}.detail-content-text .text-muted.small{font-size:16px;line-height:26px}.detail-content-text hr{border-color:rgba(0,0,0,0.12);opacity:1;margin:36px 0}.detail-content-text a{color:var(--primary-blue);text-decoration:underline}.detail-content-text a:hover{color:#1e3a8a}.detail-content-text .accordion-header h1,.detail-content-text .accordion-header h2,.detail-content-text .accordion-header h3,.detail-content-text .accordion-header h4,.detail-content-text .accordion-header h5,.detail-content-text .accordion-header h6,.detail-content-text .accordion h1,.detail-content-text .accordion h2,.detail-content-text .accordion h3,.detail-content-text .accordion h4,.detail-content-text .accordion h5,.detail-content-text .accordion h6{margin-top:0;margin-bottom:0}.detail-content-text .accordion-button{font-size:18px;font-weight:600;color:var(--detail-heading)}.detail-content-text .accordion-body{font-size:17px;line-height:30px}.detail-content-text .border-primary{border-color:rgba(39,80,186,0.35) !important}.detail-content-text .bg-primary.bg-opacity-10{background-color:rgba(39,80,186,0.08) !important}.sidebar-ads-box{padding:24px 0}.ads-title{font-family:'Author',sans-serif;font-size:36px;font-weight:600;color:var(--detail-heading)}.related-wrapper{background:var(--detail-white);padding:80px 0 100px}.card-related-blog{background:#E9EFF2;padding:32px;border-radius:16px;height:274px;display:flex;flex-direction:column;justify-content:space-between;transition:0.3s;border:none}.card-related-blog:hover{background:#dfe6e9;transform:translateY(-5px)}.related-post-title{font-family:'Author',sans-serif;font-size:24px;font-weight:600;color:var(--detail-heading);line-height:34px}.btn-read-more-line{display:inline-flex;align-items:center;gap:8px;color:var(--detail-heading);text-decoration:none;font-weight:600;border-bottom:1.5px solid var(--detail-heading);padding-bottom:4px;width:fit-content}@media (max-width:768px){.detail-title{font-size:28px;line-height:36px}.share-group{justify-content:flex-start;margin-top:10px}.detail-main-img{height:250px}.breadcrumb-wrapper{position:relative;z-index:10}.blog-hero{flex-direction:column;padding:40px 20px 120px;min-height:auto;max-height:none;height:auto}.hero-stats,.blog-overlay-wrapper{display:none !important;margin-top:0 !important}.blog-body{flex-direction:column}.article-card{flex-direction:column}.article-image{width:100%;height:200px}.blog-card{height:380px}.blog-link{opacity:1;transform:translateY(0)}.blog-img{filter:blur(2px);opacity:0.8}.text-main{font-size:32px}.text-sub{font-size:16px}.hero-cta{display:flex;flex-direction:column;gap:12px}.btn-primary-hero,.btn-secondary-hero{width:100%;text-align:center}.portfolio-image,.portfolio-cta-card{height:300px}.portfolio-info{flex-direction:column;align-items:flex-start}.btn-explore{width:100%;justify-content:center}.blog-hero{flex-direction:column;align-items:flex-start;padding:40px 20px;min-height:auto;max-height:none}.hero-text h1{font-size:28px}.hero-text p{font-size:14px}.btn-scroll{margin-top:16px}}.custom-pagination{display:flex;justify-content:space-between;align-items:center;padding:16px 24px}.pagination-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#DBE2F1;border-radius:16px;color:#2750BA;font-weight:600;text-decoration:none}.pagination-btn.disabled{opacity:0.5;pointer-events:none}.pagination-numbers{display:flex;gap:6px}.page-number{width:40px;height:40px;border-radius:20px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#98A2B3;font-weight:500}.page-number.active{background:#E9EFF2;color:#1D2939}.page-number.dots{pointer-events:none}footer{background:var(--dark-bg);color:white;padding-top:60px}.fh{font-size:20px;font-weight:600;margin:0}.ftt{font-size:18px;font-weight:500;color:white;margin:0 0 8px 0}.fd{font-size:14px;color:#D0D5DD}.button-cart,.button-job{display:inline-block;padding:12px 20px;border:1px solid #475467;border-radius:8px;transition:0.3s}.button-cart:hover,.button-job:hover{background:rgba(255,255,255,0.05)}#goTop{position:fixed;bottom:20px;right:20px;border:none;padding:12px;background:var(--primary-blue);border-radius:12px;cursor:pointer;z-index:999;box-shadow:0 4px 12px rgba(0,0,0,0.2);display:none;opacity:0;transition:opacity 0.3s ease}.logo-slider{overflow:hidden;width:100%}.logo-track{display:flex;align-items:center;gap:40px;width:max-content;animation:scrollLogo 25s linear infinite}.logo-track img{height:48px;object-fit:contain;opacity:0.8;transition:0.3s}.logo-track img:hover{opacity:1;transform:scale(1.05)}@keyframes scrollLogo{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.empty-state{padding:60px 20px;text-align:center;background:#f9fafb;border-radius:24px;border:2px dashed #d0d5dd;transition:all 0.3s ease}.empty-state:hover{border-color:var(--primary-blue);background:#f0f4f6}.empty-icon{width:64px;height:64px;margin-bottom:20px;opacity:0.5;filter:grayscale(1)}.empty-title{font-size:20px;font-weight:600;color:#1d2939;margin-bottom:8px}.empty-text{font-size:16px;color:#667085;max-width:400px;margin:0 auto}[data-aos]{pointer-events:none}.aos-animate{pointer-events:auto}.bg-grid{background-size:40px 40px;background-image:radial-gradient(circle,rgba(39,80,186,0.05) 1px,transparent 1px)}.glass-card{background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.3);box-shadow:0 8px 32px 0 rgba(31,38,135,0.37)}.text-gradient{background:linear-gradient(135deg,var(--primary-blue),#5e81f4);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.portfolio-item{transition:all 0.4s cubic-bezier(0.4,0,0.2,1);border:1px solid #eaecf0}.portfolio-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(16,24,40,0.1) !important;border-color:var(--primary-blue)}.portfolio-image{position:relative;overflow:hidden}.portfolio-image::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(16,24,40,0.6) 100%);opacity:0;transition:opacity 0.3s ease}.portfolio-item:hover .portfolio-image::after{opacity:1}.filter-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:40px;flex-wrap:wrap}.filter-btn{padding:10px 24px;border-radius:999px;border:1px solid #d0d5dd;background:white;color:#344054;font-weight:500;transition:all 0.3s ease;cursor:pointer}.filter-btn:hover,.filter-btn.active{background:var(--primary-blue);color:white;border-color:var(--primary-blue);box-shadow:0 4px 12px rgba(39,80,186,0.2)}.blob{position:absolute;width:300px;height:300px;background:var(--primary-blue);filter:blur(100px);opacity:0.15;z-index:-1;border-radius:50%}.blob-1{top:-100px;left:-100px}.blob-2{bottom:-100px;right:-100px;background:#FACC15}@media (max-width:991px){.blog-btn-hover{opacity:1 !important;transform:translateY(0) !important}}.ProseMirror{outline:none !important;min-height:420px;padding:16px;color:#e2e8f0;font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.7}.ProseMirror p{margin-bottom:1em}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{color:#f8fafc;font-weight:600;margin-top:1.5em;margin-bottom:0.5em}.ProseMirror h1{font-size:1.75rem}.ProseMirror h2{font-size:1.5rem}.ProseMirror h3{font-size:1.25rem}.ProseMirror h4{font-size:1.1rem}.ProseMirror ul,.ProseMirror ol{padding-left:1.5rem;margin-bottom:1em}.ProseMirror ul{list-style-type:disc}.ProseMirror ol{list-style-type:decimal}.ProseMirror li{margin-bottom:0.5em}.ProseMirror blockquote{border-left:4px solid #06b6d4;padding-left:1rem;color:#94a3b8;font-style:italic;margin:1.5em 0}.ProseMirror table{border-collapse:collapse;width:100%;margin:1.5em 0}.ProseMirror table th,.ProseMirror table td{border:1px solid rgba(255,255,255,0.15);padding:8px 12px}.ProseMirror table th{background-color:rgba(255,255,255,0.05);font-weight:600}.ProseMirror img{max-width:100%;height:auto;border-radius:8px;margin:1em 0}.ProseMirror a{color:#38bdf8;text-decoration:underline}.ProseMirror hr{border:none;border-top:1px solid rgba(255,255,255,0.15);margin:2em 0}.tiptap-btn{padding:6px 10px;border-radius:6px;font-size:13px;font-weight:500;color:#94a3b8;background:transparent;border:1px solid transparent;transition:all 0.15s ease;display:inline-flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.tiptap-btn:hover{color:#fff;background:rgba(255,255,255,0.08)}.tiptap-btn.is-active{color:#06b6d4;background:rgba(6,182,212,0.15);border-color:rgba(6,182,212,0.3)}