:root{--font-primary:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-display:"Outfit", "Plus Jakarta Sans", sans-serif;--color-primary:#0f52ba;--color-primary-hover:#0a3c8a;--color-primary-dark:#072554;--color-primary-light:#eff6ff;--color-accent-blue:#2563eb;--color-accent-cyan:#0ea5e9;--color-accent-orange:#f60;--color-accent-orange-hover:#e05500;--color-accent-orange-light:#fff7ed;--color-accent-orange-dark:#c2410c;--color-dark-navy:#0b192c;--color-dark-navy-surface:#1e293b;--color-navy-card:#0f2038;--color-text-main:#0f172a;--color-text-secondary:#475569;--color-text-muted:#64748b;--color-text-light:#94a3b8;--color-bg-light:#f8fafc;--color-bg-card:#fff;--color-bg-subtle:#f0f5ff;--color-border-light:#e2e8f0;--color-border-blue:#bfdbfe;--color-border-orange:#ffd8a8;--color-badge-amber-bg:#fff7ed;--color-badge-amber-text:#c2410c;--color-badge-blue-bg:#eff6ff;--color-badge-blue-text:#0f52ba;--shadow-sm:0 2px 8px #0f52ba0d;--shadow-md:0 8px 24px -2px #0f52ba17;--shadow-lg:0 18px 40px -4px #0f52ba24;--shadow-orange:0 8px 24px -2px #ff660059;--shadow-glow:0 0 30px #0f52ba40;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-primary);color:var(--color-text-main);-webkit-font-smoothing:antialiased;background-color:#fff}section[id]{scroll-margin-top:80px}body{line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.w-full{width:100%}.h-full{height:100%}img{max-width:100%;height:auto;display:block}.container{max-width:1240px;margin:0 auto;padding:0 24px}.top-announcement-bar{color:#94a3b8;z-index:1001;background:linear-gradient(90deg,#07172e 0%,#0f2038 50%,#07172e 100%);border-bottom:1px solid #ff660040}.section-badge{border-radius:var(--radius-full);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-flex}.section-badge.blue{background-color:var(--color-badge-blue-bg);color:var(--color-badge-blue-text);border:1px solid var(--color-border-blue)}.section-badge.amber{background-color:var(--color-badge-amber-bg);color:var(--color-badge-amber-text);border:1px solid var(--color-border-orange)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:var(--transition-normal);background-color:#fffffff2;border-bottom:1.5px solid #f1f5f9;position:sticky;top:0;box-shadow:0 4px 20px #00000008}.navbar-container{justify-content:space-between;align-items:center;height:80px;display:flex}.brand-logo{align-items:center;text-decoration:none;transition:transform .25s,opacity .25s;display:inline-flex}.brand-logo:hover{opacity:.95;transform:translateY(-1px)}.brand-logo-img{object-fit:contain;width:auto;max-width:150px;height:48px;transition:transform .25s;display:block}.brand-logo:hover .brand-logo-img{transform:scale(1.02)}.brand-text{flex-direction:column;justify-content:center;display:flex}.brand-title{font-family:var(--font-display);letter-spacing:.04em;align-items:center;gap:4px;margin:0;font-size:1.55rem;line-height:1;display:flex}.brand-ldp{color:#007acc;letter-spacing:.04em;font-weight:900}.brand-consultant{color:var(--color-accent-orange);font-weight:700}.brand-subtitle{color:#64748b;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;margin-top:3px;font-size:.62rem;font-weight:800;line-height:1}.nav-links{align-items:center;gap:clamp(14px,1.8vw,26px);list-style:none;display:flex}.nav-link{color:var(--color-text-secondary);transition:var(--transition-fast);padding:6px 0;font-size:.88rem;font-weight:600;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-accent-orange)}.nav-link:after{content:"";width:0;height:2.5px;transition:var(--transition-fast);background:linear-gradient(90deg,#f60,#f80);border-radius:2px;position:absolute;bottom:0;left:0}.nav-link:hover:after,.nav-link.active:after{width:100%}.navbar-actions{align-items:center;gap:12px;display:flex}.nav-cta-btn{color:#fff;border-radius:var(--radius-md);transition:var(--transition-fast);white-space:nowrap;background:linear-gradient(135deg,#f60 0%,#f80 100%);align-items:center;gap:8px;padding:10px 22px;font-size:.88rem;font-weight:700;display:inline-flex;box-shadow:0 4px 14px #ff660059}.nav-cta-btn:hover{background:linear-gradient(135deg,#e05500 0%,#f60 100%);transform:translateY(-2px);box-shadow:0 8px 22px #ff660073}.mobile-menu-btn{color:var(--color-dark-navy);cursor:pointer;background:#f1f5f9;border-radius:10px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:none}.mobile-menu-btn:hover{color:var(--color-accent-orange);background:#e2e8f0}.lang-switcher-capsule{-webkit-user-select:none;user-select:none;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:2px;padding:3px 4px;transition:all .2s;display:inline-flex;box-shadow:inset 0 1px 2px #0000000a}.lang-switcher-capsule:hover{background:#e8eef5;border-color:#cbd5e1}.lang-switcher-globe{color:#64748b;justify-content:center;align-items:center;width:22px;height:22px;padding-left:2px;display:flex}.lang-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:700;line-height:1;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.lang-btn:hover{color:#0f172a;background:#fff9}.lang-btn.active{color:#0f172a;background:#fff;font-weight:800;transform:scale(1.02);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.lang-btn-dot{background:#f60;border-radius:50%;width:5px;height:5px;margin-left:-1px}.lang-flag-badge{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:17px;min-width:17px;max-width:17px;height:17px;min-height:17px;max-height:17px;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000026}.lang-flag-svg{width:100%!important;height:100%!important;display:block!important}.lang-switcher-footer{-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff26;border-radius:9999px;align-items:center;gap:2px;padding:2px 3px;display:inline-flex}.lang-btn-footer{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:5px;padding:3px 8px;font-size:.7rem;font-weight:700;line-height:1;transition:all .2s;display:inline-flex}.lang-btn-footer:hover{color:#fff}.lang-btn-footer.active{color:#fff;background:#fff3;box-shadow:0 1px 2px #0003}.lang-mobile-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:12px 14px}.lang-mobile-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lang-mobile-title{color:#1e293b;align-items:center;gap:8px;font-size:.78rem;font-weight:700;display:flex}.lang-mobile-title-icon{color:#f60;background:#ff66001a;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.lang-mobile-badge{color:#475569;text-transform:uppercase;background:#e2e8f0;border-radius:9999px;padding:2px 8px;font-size:.65rem;font-weight:800}.lang-mobile-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.lang-mobile-btn{cursor:pointer;text-align:left;background:#fff;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:9px 10px;transition:all .2s;display:flex}.lang-mobile-btn.active{background:#fff7ed;border-color:#f60;box-shadow:0 0 0 2px #ff660026}.lang-mobile-info{flex:1;min-width:0}.lang-mobile-name{color:#0f172a;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:800;line-height:1.2;display:flex}.lang-mobile-sub{color:#64748b;margin-top:2px;font-size:.65rem;font-weight:600;line-height:1}.blog-card-badge-updated{color:#ea580c;text-transform:uppercase;letter-spacing:.05em;background:#fff7ed;border:1px solid #fed7aa;border-radius:4px;align-items:center;padding:1px 6px;font-size:.65rem;font-weight:800;line-height:1.2;display:inline-flex}.hero-section{background:linear-gradient(#eff6ff 0%,#fff 100%);padding:64px 0 90px;position:relative;overflow:hidden}.hero-bg-glow{pointer-events:none;background:radial-gradient(circle,#0f52ba1f 0%,#ff660014 50%,#fff0 70%);width:600px;height:600px;position:absolute;top:-150px;right:-150px}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:52px;display:grid}.hero-content h1{font-family:var(--font-display);color:var(--color-dark-navy);letter-spacing:-.03em;margin:16px 0 20px;font-size:2.9rem;font-weight:800;line-height:1.18}.hero-content h1 span.blue-highlight{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#0f52ba 0%,#f60 100%);-webkit-background-clip:text;background-clip:text}.hero-description{color:var(--color-text-secondary);max-width:620px;margin-bottom:32px;font-size:1.05rem;line-height:1.65}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:48px;display:flex}.btn-primary{color:#fff;border-radius:var(--radius-md);transition:var(--transition-fast);background:linear-gradient(135deg,#f60 0%,#f80 100%);align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:700;display:inline-flex;box-shadow:0 6px 20px #ff660059}.btn-primary:hover{background:linear-gradient(135deg,#e05500 0%,#f60 100%);transform:translateY(-2px);box-shadow:0 10px 26px #ff660073}.btn-secondary{color:var(--color-primary);border:1.5px solid var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-fast);background-color:#fff;align-items:center;gap:10px;padding:14px 28px;font-size:.95rem;font-weight:700;display:inline-flex}.btn-secondary:hover{background-color:var(--color-primary-light);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.hero-stats{border-top:1px solid #e2e8f0;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:28px;display:grid}.stat-item{flex-direction:column;display:flex}.stat-number{font-family:var(--font-display);color:var(--color-primary);font-size:1.85rem;font-weight:800;line-height:1.1}.stat-label{color:var(--color-text-secondary);margin-top:4px;font-size:.78rem;font-weight:600}.hero-image-container{border-radius:var(--radius-lg);border:4px solid #fff;position:relative;overflow:hidden;box-shadow:0 24px 48px -12px #0f52ba40}.hero-image{object-fit:cover;width:100%;height:500px;transition:transform .6s;display:block}.hero-image-container:hover .hero-image{transform:scale(1.03)}.hero-floating-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-md);color:#fff;background:#0b192ceb;border:1px solid #f606;justify-content:space-between;align-items:center;padding:18px 22px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.floating-title{font-size:.92rem;font-weight:700}.floating-sub{color:#94a3b8;font-size:.8rem}.floating-badge-icon{color:#fff;background:linear-gradient(135deg,#f60 0%,#f80 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 14px #f606}.trust-badges-bar{background-color:#fff}.about-section{background-color:#fff;padding:100px 0}.about-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px;display:grid}.collage-grid{grid-template-rows:240px 240px;grid-template-columns:1fr 1fr;gap:16px;display:grid}.collage-item{border-radius:var(--radius-md);box-shadow:var(--shadow-md);border:2px solid #fff;position:relative;overflow:hidden}.collage-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.collage-item:hover img{transform:scale(1.05)}.collage-item-1{grid-area:1/1/2/2}.collage-item-2{grid-area:1/2/3/3}.collage-item-3{grid-area:2/1/3/2}.about-text h2{font-family:var(--font-display);color:var(--color-dark-navy);margin-bottom:20px;font-size:2.3rem;font-weight:800;line-height:1.25}.about-text p{color:var(--color-text-secondary);margin-bottom:20px;font-size:.98rem;line-height:1.7}.about-features{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;display:grid}.feature-box{background-color:var(--color-bg-light);border:1px solid var(--color-border-light);border-left:4px solid var(--color-accent-orange);border-radius:var(--radius-md);transition:var(--transition-fast);padding:20px}.feature-box:hover{border-color:var(--color-primary);border-left-color:var(--color-accent-orange);box-shadow:var(--shadow-md);background-color:#fff;transform:translateY(-2px)}.feature-title{color:var(--color-dark-navy);margin-bottom:6px;font-size:.92rem;font-weight:700}.feature-desc{color:var(--color-text-muted);font-size:.82rem;line-height:1.5}.services-section{background-color:#f8fafc;padding:100px 0}.section-header{text-align:center;max-width:720px;margin:0 auto 56px}.section-header h2{font-family:var(--font-display);color:var(--color-dark-navy);margin-bottom:14px;font-size:2.35rem;font-weight:800}.section-header p{color:var(--color-text-secondary);font-size:1.05rem}.services-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.service-card{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;border-top:3px solid #0000;flex-direction:column;padding:34px 30px;transition:all .3s;display:flex;position:relative}.service-card:hover{border-color:var(--color-border-blue);border-top-color:var(--color-accent-orange);transform:translateY(-6px);box-shadow:0 20px 40px -8px #0f52ba26}.service-icon-wrap{border-radius:var(--radius-md);background-color:var(--color-primary-light);width:54px;height:54px;color:var(--color-primary);transition:var(--transition-fast);justify-content:center;align-items:center;margin-bottom:24px;display:flex}.service-card:hover .service-icon-wrap{color:#fff;background:linear-gradient(135deg,#f60 0%,#f80 100%);box-shadow:0 6px 18px #ff660059}.service-card h3{font-family:var(--font-display);color:var(--color-dark-navy);margin-bottom:12px;font-size:1.25rem;font-weight:700}.service-card p{color:var(--color-text-secondary);flex-grow:1;margin-bottom:24px;font-size:.9rem;line-height:1.6}.service-bullets{border-top:1px solid #f1f5f9;flex-direction:column;gap:10px;padding-top:16px;list-style:none;display:flex}.service-bullet{color:var(--color-text-main);align-items:center;gap:8px;font-size:.83rem;font-weight:600;display:flex}.bullet-dot{background-color:var(--color-accent-orange);border-radius:50%;flex-shrink:0;width:6px;height:6px}.calculator-section{color:#fff;background:linear-gradient(135deg,#07172e 0%,#0f2038 100%);padding:90px 0}.calculator-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);background-color:#ffffff08;border:1px solid #ffffff1f;padding:44px}.calc-header{text-align:center;max-width:680px;margin:0 auto 40px}.calc-header h2{font-family:var(--font-display);color:#fff;margin-bottom:12px;font-size:2.2rem;font-weight:800}.calc-header p{color:#94a3b8;font-size:.95rem}.calc-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;display:grid}.calc-inputs{color:var(--color-dark-navy);border-radius:var(--radius-md);background-color:#fff;padding:32px;box-shadow:0 10px 30px #0003}.calc-results-box{border-radius:var(--radius-md);background:linear-gradient(#0f52ba4d 0%,#f603 100%);border:1px solid #f606;padding:32px}.calc-res-item{flex-direction:column;gap:4px;display:flex}.portfolio-section{background-color:#fff;padding:100px 0}.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:32px;margin-top:40px;display:grid}.portfolio-card{border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-md);transition:var(--transition-normal);background-color:#fff;flex-direction:column;display:flex;overflow:hidden}.portfolio-card:hover{box-shadow:var(--shadow-lg);border-color:var(--color-accent-orange);transform:translateY(-4px)}.portfolio-image-wrap{height:260px;position:relative;overflow:hidden}.portfolio-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.portfolio-card:hover .portfolio-image-wrap img{transform:scale(1.05)}.portfolio-overlay-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.05em;border-radius:var(--radius-full);background:linear-gradient(135deg,#f60 0%,#f80 100%);padding:6px 14px;font-size:.72rem;font-weight:800;position:absolute;top:16px;left:16px;box-shadow:0 4px 12px #ff66004d}.portfolio-content{flex-direction:column;flex-grow:1;padding:28px;display:flex}.portfolio-content h3{font-family:var(--font-display);color:var(--color-dark-navy);margin-bottom:12px;font-size:1.35rem;font-weight:800}.portfolio-content p{color:var(--color-text-secondary);flex-grow:1;margin-bottom:24px;font-size:.9rem;line-height:1.65}.portfolio-footer{color:var(--color-text-muted);border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:18px;font-size:.82rem;font-weight:600;display:flex}.portfolio-link{color:var(--color-accent-orange);transition:var(--transition-fast);align-items:center;gap:6px;font-weight:700;display:inline-flex}.portfolio-link:hover{color:var(--color-accent-orange-hover);gap:10px}.team-section{background-color:var(--color-bg-light);padding:100px 0}.team-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:40px;display:grid}.team-card{border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);transition:var(--transition-normal);text-align:center;background-color:#fff;flex-direction:column;align-items:center;padding:38px 28px;display:flex;overflow:hidden}.team-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent-orange);transform:translateY(-6px)}.team-avatar-wrap{border:4px solid var(--color-accent-orange);background:linear-gradient(135deg,#0f52ba 0%,#072554 100%);border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;margin:0 auto 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px #0f52ba33}.team-avatar-wrap img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.team-avatar-initials{font-family:var(--font-display);color:#fff;letter-spacing:.04em;font-size:2.2rem;font-weight:800}.team-card h3{font-family:var(--font-display);color:var(--color-dark-navy);margin-bottom:4px;font-size:1.2rem;font-weight:800}.team-role{color:var(--color-accent-orange);text-transform:uppercase;letter-spacing:.04em;margin-bottom:16px;font-size:.85rem;font-weight:700}.team-bio{color:var(--color-text-secondary);font-size:.88rem;line-height:1.6}.faq-section{background-color:#fff;padding:90px 0}.faq-container{flex-direction:column;gap:16px;max-width:800px;margin:0 auto;display:flex}.faq-item{border:1.5px solid var(--color-border-light);border-radius:var(--radius-md);transition:var(--transition-fast);background-color:#fff;overflow:hidden}.faq-item.open{border-color:var(--color-accent-orange);box-shadow:var(--shadow-sm)}.faq-question{color:var(--color-dark-navy);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:20px 24px;font-size:.98rem;font-weight:700;display:flex}.faq-answer{color:var(--color-text-secondary);border-top:1px solid #f1f5f9;padding:16px 24px 20px;font-size:.9rem;line-height:1.65}.legal-section{background-color:#f8fafc;padding:90px 0}.legal-card{border:1px solid var(--color-border-orange);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:linear-gradient(135deg,#f0f5ff 0%,#fff7ed 100%);grid-template-columns:1.2fr .8fr;align-items:center;gap:40px;padding:44px;display:grid}.legal-info h3{font-family:var(--font-display);color:var(--color-dark-navy);margin-bottom:12px;font-size:1.85rem;font-weight:800}.legal-info p{color:var(--color-text-secondary);margin-bottom:24px;font-size:.95rem;line-height:1.65}.legal-checklist{grid-template-columns:1fr 1fr;gap:14px;display:grid}.check-item{color:var(--color-dark-navy);align-items:center;gap:10px;font-size:.85rem;font-weight:600;display:flex}.check-icon{background-color:var(--color-accent-orange);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;display:flex}.legal-box-card{border-radius:var(--radius-md);border:1.5px solid var(--color-border-blue);box-shadow:var(--shadow-sm);text-align:center;background-color:#fff;padding:30px}.legal-box-card h4{font-family:var(--font-display);color:var(--color-dark-navy);margin-bottom:8px;font-size:1.1rem;font-weight:700}.legal-box-card p{color:var(--color-text-muted);margin-bottom:20px;font-size:.85rem;line-height:1.5}.contact-section{color:#fff;background-color:#07172e;padding:100px 0;position:relative;overflow:hidden}.contact-bg-glow{pointer-events:none;background:radial-gradient(circle,#ff660040 0%,#0f52ba33 40%,#0000 70%);width:500px;height:500px;position:absolute;top:-100px;right:-100px}.contact-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.contact-info h2{font-family:var(--font-display);margin-bottom:20px;font-size:2.45rem;font-weight:800;line-height:1.2}.contact-info p{color:#94a3b8;margin-bottom:36px;font-size:1.05rem;line-height:1.65}.contact-buttons{flex-wrap:wrap;gap:16px;display:flex}.btn-whatsapp{color:#fff;border-radius:var(--radius-md);transition:var(--transition-fast);background-color:#16a34a;align-items:center;gap:10px;padding:14px 24px;font-size:.92rem;font-weight:700;display:inline-flex;box-shadow:0 6px 16px #16a34a4d}.btn-whatsapp:hover{background-color:#15803d;transform:translateY(-2px);box-shadow:0 8px 20px #16a34a66}.btn-email-outline{color:#fff;border-radius:var(--radius-md);transition:var(--transition-fast);background-color:#ffffff14;border:1px solid #fff3;align-items:center;gap:10px;padding:14px 24px;font-size:.92rem;font-weight:700;display:inline-flex}.btn-email-outline:hover{background-color:#ffffff29;border-color:#fff}.form-card{color:var(--color-dark-navy);border-radius:var(--radius-lg);border-top:5px solid var(--color-accent-orange);background-color:#fff;padding:38px;box-shadow:0 25px 50px #0000004d}.form-card h3{font-family:var(--font-display);margin-bottom:6px;font-size:1.45rem;font-weight:800}.form-card p.form-sub{color:var(--color-text-muted);margin-bottom:24px;font-size:.85rem}.form-group{margin-bottom:18px}.form-label{color:var(--color-dark-navy);margin-bottom:6px;font-size:.82rem;font-weight:700;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--color-border-light);border-radius:var(--radius-sm);width:100%;color:var(--color-text-main);transition:var(--transition-fast);background-color:#f8fafc;padding:12px 14px;font-family:inherit;font-size:.9rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent-orange);background-color:#fff;outline:none;box-shadow:0 0 0 3px #ff660026}.form-submit-btn{color:#fff;border-radius:var(--radius-md);width:100%;transition:var(--transition-fast);background:linear-gradient(135deg,#f60 0%,#f80 100%);margin-top:10px;padding:14px;font-size:.95rem;font-weight:700;box-shadow:0 6px 18px #ff660059}.form-submit-btn:hover{background:linear-gradient(135deg,#e05500 0%,#f60 100%);transform:translateY(-1px);box-shadow:0 8px 22px #ff660073}.footer{color:#94a3b8;border-top:3px solid var(--color-accent-orange);background-color:#040d1a;padding:80px 0 32px}.footer-grid{grid-template-columns:1.25fr .75fr .8fr 1.2fr;gap:48px;margin-bottom:56px;display:grid}.footer-col h4{font-family:var(--font-display);color:#fff;text-transform:uppercase;letter-spacing:.06em;margin-bottom:22px;padding-bottom:8px;font-size:.95rem;font-weight:700;position:relative}.footer-col h4:after{content:"";background-color:var(--color-accent-orange);border-radius:2px;width:28px;height:2px;position:absolute;bottom:0;left:0}.footer-logo{margin-bottom:16px;text-decoration:none;transition:transform .25s,opacity .25s;display:inline-block}.footer-logo:hover{opacity:.95;transform:translateY(-1px)}.footer-logo-img{object-fit:contain;filter:drop-shadow(0 2px 10px #0000004d);width:auto;max-width:160px;height:52px;transition:transform .25s;display:block}.footer-logo:hover .footer-logo-img{transform:scale(1.02)}.footer-logo .brand-title{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-size:1.55rem;font-weight:900;line-height:1}.footer-logo .brand-ldp{letter-spacing:.04em;font-weight:900;color:#38bdf8!important}.footer-logo .brand-consultant{color:var(--color-accent-orange)}.footer-logo .brand-subtitle{color:#94a3b8;letter-spacing:.12em;white-space:nowrap;margin-top:3px;font-size:.62rem;font-weight:800;line-height:1}.footer-desc{color:#94a3b8;margin-bottom:16px;font-size:.85rem;line-height:1.65}.footer-part-of{letter-spacing:.04em;border-radius:var(--radius-sm);background-color:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:.75rem;display:flex}.footer-links{flex-direction:column;gap:12px;list-style:none;display:flex}.footer-links a{color:#94a3b8;align-items:center;font-size:.88rem;transition:all .2s;display:inline-flex}.footer-links a:hover{color:#fff;transform:translate(4px)}.footer-contact-list{flex-direction:column;gap:16px;list-style:none;display:flex}.footer-contact-item{color:#94a3b8;align-items:flex-start;gap:12px;font-size:.85rem;line-height:1.5;display:flex}.footer-bottom{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:28px;font-size:.82rem;display:flex}.modal-backdrop{z-index:2000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#0b192cbf;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);background-color:#fff;width:100%;max-width:600px;max-height:90vh;padding:38px;animation:.3s ease-out slideUp;position:relative;overflow-y:auto;box-shadow:0 30px 60px -12px #0006}.modal-close-btn{width:36px;height:36px;color:var(--color-dark-navy);transition:var(--transition-fast);background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:20px}.modal-close-btn:hover{background-color:#e2e8f0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-drawer{border-bottom:3px solid var(--color-accent-orange);z-index:999;background:#0b192c;flex-direction:column;gap:12px;max-height:calc(100vh - 80px);padding:16px 20px 24px;animation:.25s cubic-bezier(.16,1,.3,1) slideDownNav;display:flex;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 20px 40px #00000073}@keyframes slideDownNav{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mobile-nav-links{flex-direction:column;gap:4px;display:flex}.mobile-nav-link{color:#e2e8f0;border-bottom:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;font-size:.94rem;font-weight:600;transition:all .2s;display:flex}.mobile-nav-link:hover,.mobile-nav-link:active{color:#fff;background:#ff660026;border-bottom-color:#ff66004d;padding-left:18px}.mobile-nav-arrow{color:#64748b;transition:transform .2s,color .2s}.mobile-nav-link:hover .mobile-nav-arrow{color:var(--color-accent-orange);transform:translate(4px)}.mobile-nav-cta{padding-top:6px}.mobile-cta-btn{justify-content:center;width:100%;padding:13px 20px;font-size:.95rem}@media (min-width: 1025px){.mobile-nav-drawer{display:none!important}}@media (max-width: 1200px){.hero-content h1{font-size:2.5rem}.nav-links{gap:16px}.nav-link{font-size:.84rem}.nav-cta-btn{padding:9px 16px;font-size:.84rem}}@media (max-width: 1024px){.nav-links{display:none!important}.mobile-menu-btn{display:flex!important}.nav-cta-btn{padding:9px 16px;font-size:.84rem;display:inline-flex}.hero-grid,.about-grid,.calc-grid,.legal-card,.contact-grid{grid-template-columns:1fr;gap:40px}.hero-content h1{font-size:2.3rem}.hero-image-container{height:420px}.hero-stats{grid-template-columns:repeat(4,1fr);gap:16px}.services-grid,.team-grid,.footer-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:24px}.collage-grid{grid-template-rows:200px 200px}.clients-container{grid-template-columns:1fr;gap:28px}.clients-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (max-width: 768px){.container{padding:0 18px}.navbar-container{height:72px}.nav-cta-btn{display:none!important}.brand-title{font-size:1.65rem}.brand-logo-img{max-width:130px;height:42px}.footer-logo-img{max-width:140px;height:46px}.hero-section{padding:44px 0 60px}.hero-content h1{font-size:2.05rem;line-height:1.22}.hero-stats{grid-template-columns:repeat(2,1fr);gap:14px;padding-top:22px}.hero-image-container{height:340px}.services-grid,.portfolio-grid,.team-grid,.footer-grid,.about-features,.vision-mission-grid{grid-template-columns:1fr;gap:20px}.collage-grid{grid-template-rows:170px 170px;gap:12px}.section-header{margin-bottom:36px}.section-header h2{font-size:1.9rem}.calc-inputs,.calc-results-box{padding:24px 20px}.clients-grid{grid-template-columns:repeat(2,1fr);gap:12px}.legal-checklist{grid-template-columns:1fr;gap:12px}.contact-section{padding:60px 0}.form-card{padding:28px 20px}.footer{padding:60px 0 28px}.footer-bottom{text-align:center;flex-direction:column;gap:14px}}@media (max-width: 480px){.container{padding:0 14px}.navbar-container{height:66px}.brand-icon{border-radius:10px;width:40px;height:40px;padding:5px}.brand-title{font-size:1.5rem}.brand-logo-img{max-width:115px;height:38px}.footer-logo-img{max-width:125px;height:40px}.brand-subtitle{letter-spacing:.06em;font-size:.58rem}.nav-cta-btn{display:none!important}.mobile-menu-btn{width:40px;height:40px;padding:6px}.hero-section{padding:28px 0 44px}.hero-content h1{margin:12px 0 16px;font-size:1.7rem;line-height:1.24}.hero-description{margin-bottom:24px;font-size:.88rem;line-height:1.6}.hero-actions{flex-direction:column;gap:10px;margin-bottom:28px}.btn-primary,.btn-secondary{justify-content:center;width:100%;padding:12px 20px;font-size:.9rem}.hero-stats{grid-template-columns:repeat(2,1fr);gap:10px;padding-top:18px}.stat-number{font-size:1.45rem}.stat-label{font-size:.72rem}.hero-image-container{border-width:2px;border-radius:14px;height:270px}.hero-floating-card{border-radius:10px;padding:10px 12px;bottom:10px;left:10px;right:10px}.floating-title{font-size:.8rem}.floating-sub{font-size:.68rem}.floating-badge-icon{border-radius:8px;width:32px;height:32px}.about-section,.services-section,.calculator-section,.portfolio-section,.team-section,.faq-section,.clients-section,.contact-section{padding:44px 0}.section-header h2{font-size:1.6rem}.about-text h2{font-size:1.55rem}.collage-grid{grid-template-rows:130px 130px;gap:8px}.calculator-card{border-radius:16px;padding:18px 14px}.calc-header h2{font-size:1.45rem}.calc-inputs,.calc-results-box{border-radius:12px;padding:18px 14px}.clients-banner-card{border-radius:16px;padding:24px 18px}.clients-banner-number{font-size:2.6rem}.client-logo-card{min-height:85px;padding:10px 8px}.client-logo-wrap{height:36px}.client-logo-img{max-width:100px;max-height:30px}.client-brand-cat{font-size:.62rem}.form-card{border-radius:14px;padding:22px 14px}.form-card h3{font-size:1.3rem}.modal-backdrop{padding:12px}.modal-content{border-radius:16px;padding:22px 16px}.wa-widget-wrapper{bottom:18px!important;right:18px!important}.wa-float-btn{width:52px!important;height:52px!important}.back-to-top-btn{z-index:99998!important;width:38px!important;height:38px!important;bottom:82px!important;right:25px!important}}.whatsapp-float-btn{color:#fff;z-index:9999;background:linear-gradient(135deg,#25d366 0%,#128c7e 100%);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 26px #25d36680}.whatsapp-float-btn:hover{transform:scale(1.12);box-shadow:0 12px 32px #25d366a6}.whatsapp-pulse-ring{pointer-events:none;border:2px solid #25d366;border-radius:50%;animation:2s ease-in-out infinite waPulse;position:absolute;inset:-4px}.back-to-top-btn{color:#fff;z-index:99998;cursor:pointer;background-color:#0f172a;border:1px solid #334155;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .3s,background-color .3s;display:flex;position:fixed;bottom:96px;right:31px;box-shadow:0 8px 20px #0000004d}.back-to-top-btn:hover{background-color:#f60;border-color:#f60;transform:scale(1.1)}@keyframes waPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}.wa-widget-wrapper{font-family:var(--font-primary), system-ui, sans-serif;flex-direction:column;align-items:flex-end;display:flex;z-index:99999!important;position:fixed!important;bottom:24px!important;right:24px!important}.wa-popup-box{-webkit-user-select:none;user-select:none;background-color:#fff;border:1px solid #00000014;border-radius:14px;width:330px;animation:.22s cubic-bezier(.16,1,.3,1) waPopupSlideIn;position:absolute;bottom:74px;right:0;overflow:hidden;box-shadow:0 12px 36px #00000038}@keyframes waPopupSlideIn{0%{opacity:0;transform:translateY(12px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.wa-popup-header{color:#fff;background-color:#2db812;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.wa-header-left{align-items:center;gap:12px;display:flex}.wa-header-logo{color:#fff;background:#ffffff38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.wa-header-titles{flex-direction:column;display:flex}.wa-title{color:#fff;font-size:.95rem;font-weight:700;line-height:1.2}.wa-subtitle{color:#ffffffe0;margin-top:2px;font-size:.72rem}.wa-contact-list{background-color:#fff;flex-direction:column;gap:10px;padding:14px;display:flex}.wa-contact-card{cursor:pointer;background-color:#f8f9fa;border-left:3.5px solid #2db812;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.wa-contact-card:hover{background-color:#f1f3f5;transform:translate(2px);box-shadow:0 4px 10px #00000014}.wa-card-left{align-items:center;gap:12px;min-width:0;display:flex}.wa-contact-img{object-fit:cover;border:1.5px solid #e9ecef;border-radius:50%;flex-shrink:0;width:44px;height:44px}.wa-contact-info{flex-direction:column;min-width:0;display:flex}.wa-contact-name{color:#212529;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:700;line-height:1.2;overflow:hidden}.wa-contact-role{color:#6c757d;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:.72rem;overflow:hidden}.wa-card-icon{color:#2db812;background-color:#2db8121f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.wa-contact-card:hover .wa-card-icon{color:#fff;background-color:#2db812}.wa-float-btn{color:#fff;cursor:pointer;z-index:100000;background-color:#2db812;border:none;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:transform .2s,background-color .2s;display:flex;box-shadow:0 6px 22px #2db81273}.wa-float-btn:hover{background-color:#28a70f;transform:scale(1.08)}.admin-portal-wrapper{color:#0f172a;min-height:100vh;font-family:var(--font-primary,"Plus Jakarta Sans", sans-serif);background:#fff;width:100%;display:flex}.admin-login-screen{background:radial-gradient(circle at 100% 0,#ff660040,#0000 50%),radial-gradient(circle at 0 100%,#0f52ba59,#0000 50%),#071527;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.admin-login-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);text-align:center;background:linear-gradient(145deg,#0b192cf2 0%,#07172ef2 100%);border:1.5px solid #0f52ba59;border-radius:24px;width:100%;max-width:450px;padding:42px 36px;box-shadow:0 25px 65px #000000b3,0 0 40px #0f52ba33}.admin-login-logo{justify-content:center;margin-bottom:20px;display:flex}.admin-logo-box{color:#07172e;background:linear-gradient(135deg,#f60 0%,#f80 100%);border:1px solid #ffffff40;border-radius:20px;justify-content:center;align-items:center;width:68px;height:68px;font-size:1.55rem;font-weight:900;display:flex;box-shadow:0 8px 26px #f606}.admin-login-title{font-family:var(--font-display,"Outfit", sans-serif);color:#fff;letter-spacing:-.02em;margin-bottom:6px;font-size:1.6rem;font-weight:800}.admin-login-subtitle{color:#94a3b8;margin-bottom:28px;font-size:.82rem}.admin-login-form{text-align:left;flex-direction:column;gap:20px;display:flex}.admin-form-group{flex-direction:column;gap:6px;display:flex}.admin-label{color:#1e293b;text-transform:uppercase;letter-spacing:.05em;font-size:.74rem;font-weight:700}.admin-input-wrapper{width:100%;position:relative}.admin-input{color:#0f172a;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:.88rem;font-family:'Plus Jakarta Sans',system-ui,sans-serif;transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:0 1px 2px #00000008}.admin-input:focus{background-color:#fff;border-color:#f60;box-shadow:0 0 0 3.5px #ff660026}.admin-input::placeholder{color:#94a3b8;opacity:1}.admin-login-card .admin-label{color:#cbd5e1}.admin-login-card .admin-input{color:#fff;background-color:#040e1c;border:1px solid #ffffff1f;border-radius:12px;padding:12px 16px}.admin-login-card .admin-input:focus{background-color:#06152b;border-color:#f60;box-shadow:0 0 0 3px #f603}.admin-eye-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.admin-eye-btn:hover{color:#fff}.admin-hint{color:#64748b;margin-top:4px;font-size:.72rem}.admin-hint strong{color:#f60}.admin-alert-error{color:#fca5a5;background:#ef444426;border:1px solid #ef444459;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;font-size:.8rem;font-weight:600;display:flex}.admin-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f60 0%,#ea580c 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-family:inherit;font-size:.86rem;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex;box-shadow:0 6px 20px #ff660059}.admin-btn-primary:hover{background:linear-gradient(135deg,#ff771c 0%,#f97316 100%);transform:translateY(-2px);box-shadow:0 10px 28px #ff660080}.admin-btn-primary.full-width{width:100%}.admin-login-footer{border-top:1px solid #ffffff14;justify-content:center;margin-top:24px;padding-top:20px;display:flex}.admin-btn-link{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.82rem;font-weight:600;transition:color .2s;display:flex}.admin-btn-link:hover{color:#f60}.admin-sidebar{z-index:20;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;justify-content:space-between;width:275px;padding:24px 18px;display:flex;position:relative;box-shadow:1px 0 4px #0f172a05}.admin-brand-header{align-items:center;gap:12px;margin-bottom:24px;display:flex}.admin-brand-icon{color:#fff;background:linear-gradient(135deg,#f60 0%,#ea580c 100%);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:900;display:flex;box-shadow:0 4px 12px #ff660040}.admin-brand-text{flex-direction:column;display:flex}.admin-brand-title{font-family:var(--font-display,"Outfit", sans-serif);color:#0f172a;font-size:.95rem;font-weight:800;line-height:1.2}.admin-brand-sub{color:#f60;letter-spacing:.1em;font-size:.65rem;font-weight:800}.admin-nav-list{flex-direction:column;gap:4px;display:flex}.admin-nav-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 14px;font-size:.84rem;font-weight:600;transition:all .15s;display:flex}.admin-nav-left{align-items:center;gap:12px;display:flex}.admin-nav-item:hover{color:#0f172a;background:#f8fafc;transform:translate(2px)}.admin-nav-item.active{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa;font-weight:700;position:relative;box-shadow:0 1px 2px #ea580c0a}.admin-nav-item.active:before{content:"";background:#f60;border-radius:0 4px 4px 0;width:3.5px;position:absolute;top:6px;bottom:6px;left:0}.admin-count-pill{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;padding:2px 8px;font-size:.72rem;font-weight:700}.admin-count-pill.orange{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.admin-count-pill.blue{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.admin-count-pill.green{color:#15803d;background:#f0fdf4;border-color:#dcfce7}.admin-nav-item.active .admin-count-pill{color:#c2410c;background:#ffedd5;border-color:#fdba74}.admin-sidebar-bottom{border-top:1px solid #f1f5f9;flex-direction:column;gap:8px;padding-top:18px;display:flex}.admin-btn-logout{color:#dc2626;cursor:pointer;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.admin-btn-logout:hover{color:#b91c1c;background:#fee2e2;border-color:#fecaca}.admin-btn-back{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px 14px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.admin-btn-back:hover{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}.admin-btn-secondary{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:.8rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #00000008}.admin-btn-secondary:hover{color:#0f172a;background:#f8fafc;border-color:#94a3b8;transform:translateY(-1px)}.admin-box-top-actions .admin-btn-back,.admin-modal-footer .admin-btn-back,.admin-actions-group .admin-btn-back{white-space:nowrap;width:auto}.admin-main-content{background:#fff;flex:1;min-width:0;padding:30px 36px;overflow-y:auto}.admin-header-bar{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;padding-bottom:22px;display:flex}.admin-header-title{font-family:var(--font-display,"Outfit", sans-serif);color:#0f172a;letter-spacing:-.025em;font-size:1.6rem;font-weight:800}.admin-header-desc{color:#64748b;margin-top:4px;font-size:.82rem;line-height:1.5}.admin-header-right{align-items:center;gap:12px;display:flex}.admin-status-online{color:#059669;letter-spacing:.04em;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:8px;padding:6px 14px;font-size:.72rem;font-weight:700;display:flex}.admin-pulse-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #10b98166}.admin-header-profile-badge{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:6px 14px 6px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #0000000a}.admin-header-profile-badge:hover{background:#fafbfc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.admin-role-badge{border-radius:9999px;padding:2px 8px;font-size:.68rem;font-weight:700;display:inline-block}.admin-user-avatar{color:#ea580c;background-color:#fff7ed;border:1px solid #fed7aa;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:800;display:flex}.admin-tab-content{flex-direction:column;gap:22px;display:flex}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.admin-stats-grid.cols-5{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.admin-stats-grid.cols-5 .admin-stat-value{white-space:nowrap;font-size:1.45rem}.admin-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px 22px;transition:transform .2s cubic-bezier(.16,1,.3,1),border-color .2s,box-shadow .2s;display:flex;box-shadow:0 1px 3px #00000008,0 4px 12px #0f52ba05}.admin-stat-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 8px 24px -4px #0f52ba14}.admin-stat-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.admin-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700}.admin-stat-icon-wrap{border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.admin-stat-icon-wrap.orange{color:#ea580c;background:#fff7ed;border:1px solid #fed7aa;box-shadow:0 2px 6px #ea580c14}.admin-stat-icon-wrap.blue{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;box-shadow:0 2px 6px #2563eb14}.admin-stat-icon-wrap.green{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;box-shadow:0 2px 6px #16a34a14}.admin-stat-icon-wrap.purple,.admin-stat-icon-wrap.amber{color:#d97706;background:#fefce8;border:1px solid #fde68a;box-shadow:0 2px 6px #d9770614}.admin-stat-val-row{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.admin-stat-value{font-family:var(--font-display,"Outfit", sans-serif);color:#0f172a;letter-spacing:-.02em;font-size:1.95rem;font-weight:800;line-height:1}.admin-stat-value.font-sm{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:800;overflow:hidden}.admin-stat-badge{letter-spacing:.02em;border-radius:9999px;padding:2px 8px;font-size:.7rem;font-weight:700}.admin-stat-badge.green{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0}.admin-stat-badge.blue{color:#1d4ed8;background:#dbeafe;border:1px solid #bfdbfe}.admin-stat-badge.amber{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.admin-stat-sub{color:#64748b;margin-top:2px;font-size:.74rem}.admin-stat-sub.text-green{color:#15803d;font-weight:700}.admin-two-cols{grid-template-columns:2fr 1fr;gap:22px;display:grid}.admin-box{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;box-shadow:0 1px 3px #00000008,0 4px 12px #0f52ba05}.admin-box-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.admin-box-title{font-family:var(--font-display,"Outfit", sans-serif);color:#0f172a;font-size:1.15rem;font-weight:800}.admin-box-sub{color:#64748b;margin-top:3px;font-size:.78rem;line-height:1.5}.admin-link-btn{color:#ea580c;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;font-size:.78rem;font-weight:700;transition:color .15s;display:flex}.admin-link-btn:hover{color:#c2410c}.admin-leads-list{flex-direction:column;gap:10px;margin-top:14px;display:flex}.admin-lead-card{cursor:pointer;background:#fafbfc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;padding:13px 16px;transition:all .15s;display:flex}.admin-lead-card:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translate(3px);box-shadow:0 2px 6px #00000008}.admin-lead-left{align-items:center;gap:14px;display:flex}.admin-avatar{color:#ea580c;background:#fff7ed;border:1.5px solid #fed7aa;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.78rem;font-weight:800;display:flex}.admin-lead-name{color:#0f172a;font-size:.88rem;font-weight:700}.admin-lead-meta{color:#64748b;margin-top:2px;font-size:.74rem}.admin-lead-meta .text-highlight{color:#334155;font-weight:600}.admin-lead-right{align-items:center;gap:12px;display:flex}.admin-status-tag{white-space:nowrap;border-radius:9999px;justify-content:center;align-items:center;gap:6px;padding:3px 10px;font-size:.7rem;font-weight:700;line-height:1.2;display:inline-flex}.admin-status-tag.orange{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.admin-status-tag.blue{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.admin-status-tag.purple{color:#7e22ce;background:#faf5ff;border:1px solid #e9d5ff}.admin-status-tag.green{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.admin-lead-date{color:#64748b;font-size:.72rem}.admin-progress-list{flex-direction:column;gap:16px;margin-top:18px;display:flex}.admin-progress-item{flex-direction:column;gap:6px;display:flex}.admin-progress-labels{color:#334155;justify-content:space-between;font-size:.76rem;font-weight:600;display:flex}.admin-progress-track{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;width:100%;height:8px;overflow:hidden}.admin-progress-fill{border-radius:9999px;height:100%}.admin-progress-fill.orange{background:linear-gradient(90deg,#f60,#f80)}.admin-progress-fill.blue{background:linear-gradient(90deg,#2563eb,#3b82f6)}.admin-progress-fill.green{background:linear-gradient(90deg,#059669,#10b981)}.admin-progress-fill.purple{background:linear-gradient(90deg,#7c3aed,#a855f7)}.admin-box-footer{color:#64748b;border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-top:22px;padding-top:16px;font-size:.75rem;display:flex}.admin-box-footer strong{color:#0f172a}.admin-filter-bar,.admin-filters-row{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 1px 3px #00000008}.admin-search-wrap{flex:1;max-width:380px;position:relative}.admin-search-icon{color:#64748b;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.admin-search-input{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 16px 10px 40px;font-size:.84rem;transition:border-color .2s,box-shadow .2s}.admin-search-input:focus{border-color:#f60;box-shadow:0 0 0 3px #ff66001f}.admin-filter-select-wrap{align-items:center;gap:10px;display:flex}.admin-filter-icon{color:#64748b}.admin-select{color:#0f172a;background-color:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:9px 14px;font-size:.84rem;transition:border-color .2s,box-shadow .2s}.admin-select:focus{border-color:#f60;box-shadow:0 0 0 3px #ff66001f}.admin-table-box{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000008}.admin-table-scroll{overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.84rem}.admin-table th{color:#475569;font-weight:700;font-family:var(--font-display,"Outfit", sans-serif);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:14px 18px;font-size:.72rem}.admin-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px 18px;transition:background-color .15s}.admin-table tr:hover td{background-color:#f8fafc}.admin-table tr:last-child td{border-bottom:none}.text-sub{color:#64748b;margin-top:2px;font-size:.72rem}.text-muted{color:#64748b;margin-top:2px;font-size:.7rem}.text-orange{color:#ea580c}.text-green{color:#15803d}.text-blue{color:#2563eb}.text-purple{color:#7e22ce}.admin-status-select{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:5px 10px;font-size:.75rem;font-weight:600}.admin-action-btns{justify-content:flex-end;align-items:center;gap:8px;display:flex}.admin-act-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.admin-act-btn.view{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe}.admin-act-btn.view:hover{color:#1d4ed8;background:#dbeafe;transform:scale(1.05)}.admin-act-btn.wa{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.admin-act-btn.wa:hover{color:#15803d;background:#dcfce7;transform:scale(1.05)}.admin-act-btn.del{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2}.admin-act-btn.del:hover{color:#b91c1c;background:#fee2e2;transform:scale(1.05)}.admin-box-top-actions{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 1px 3px #00000008}.admin-projects-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.admin-project-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:16px;padding:20px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.admin-project-card:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}.admin-prj-header{justify-content:space-between;align-items:flex-start;display:flex}.admin-prj-title{color:#0f172a;margin-top:6px;font-size:1rem;font-weight:800}.admin-prj-client{color:#64748b;margin-top:2px;font-size:.75rem}.admin-prj-progress{flex-direction:column;gap:6px;display:flex}.admin-prj-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:14px;font-size:.78rem;display:flex}.admin-calc-box-header{align-items:center;gap:16px;margin-bottom:24px;display:flex}.admin-calc-stats{border-top:1px solid #f1f5f9;grid-template-columns:repeat(3,1fr);gap:16px;padding-top:20px;display:grid}.admin-calc-stat-item{background:#fafbfc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.admin-calc-stat-sub{color:#64748b;font-size:.72rem}.admin-calc-stat-val{color:#0f172a;font-size:1.1rem;font-weight:800}.admin-legal-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px;display:grid}.admin-legal-card{background:#fafbfc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;padding:18px;display:flex}.admin-legal-row{border-bottom:1px solid #e2e8f0;justify-content:space-between;padding-bottom:8px;font-size:.78rem;display:flex}.admin-legal-row:last-child{border-bottom:none;padding-bottom:0}.admin-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9999;background:#0f172a73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.admin-modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:18px;width:100%;max-width:540px;max-height:90vh;padding:26px;display:flex;overflow-y:auto;box-shadow:0 20px 40px -10px #0f172a26,0 1px 3px #0000000d}.admin-modal-header{justify-content:space-between;align-items:center;display:flex}.admin-modal-title{font-family:var(--font-display,"Outfit", sans-serif);color:#0f172a;font-size:1.15rem;font-weight:800}.admin-modal-close{color:#64748b;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex}.admin-modal-close:hover{color:#0f172a}.admin-modal-body{flex-direction:column;gap:12px;display:flex}.admin-detail-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;padding-bottom:8px;font-size:.82rem;display:flex}.admin-detail-label{color:#64748b}.admin-detail-val{color:#0f172a;text-align:right}.admin-detail-msg-box{flex-direction:column;gap:6px;margin-top:8px;display:flex}.admin-detail-msg{color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;font-size:.8rem;line-height:1.5}.admin-modal-footer{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;display:flex}@media (max-width: 1400px){.admin-stats-grid.cols-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1024px){.admin-stats-grid,.admin-stats-grid.cols-5{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-two-cols,.admin-projects-grid{grid-template-columns:1fr}}@media (max-width: 768px){.admin-portal-wrapper{flex-direction:column}.admin-sidebar{width:100%}.admin-stats-grid,.admin-stats-grid.cols-5{grid-template-columns:1fr}.admin-filter-bar,.admin-filters-row{flex-direction:column;align-items:stretch}.admin-search-wrap{max-width:100%}.admin-calc-stats,.admin-legal-grid{grid-template-columns:1fr}}.mw-ecosystem-section{background:linear-gradient(#f8fafc 0%,#eff6ff 100%);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:95px 0;position:relative}.mw-ecosystem-container{grid-template-columns:320px 1fr;align-items:stretch;gap:28px;display:grid}.mw-holding-card{color:#fff;background:linear-gradient(135deg,#0b192c 0%,#07172b 100%);border:1px solid #007acc59;border-radius:20px;flex-direction:column;justify-content:space-between;padding:32px 26px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px -10px #0b192c59}.mw-holding-glow{pointer-events:none;background:radial-gradient(circle,#f3702159 0%,#007acc00 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;left:-40px}.mw-holding-badge{letter-spacing:.12em;color:#f37021;background:#f3702126;border:1px solid #f3702159;border-radius:6px;margin-bottom:24px;padding:4px 10px;font-size:.65rem;font-weight:800;display:inline-block}.mw-holding-logo-wrap{flex-direction:column;gap:4px;margin-bottom:18px;display:flex}.mw-holding-title{font-family:var(--font-display);letter-spacing:-.02em;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#38bdf8 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:2.3rem;font-weight:900;line-height:1.1}.mw-holding-motto{color:#f37021;margin:4px 0 0;font-size:.95rem;font-style:italic;font-weight:600}.mw-holding-desc{color:#94a3b8;margin-bottom:24px;font-size:.88rem;line-height:1.65}.mw-holding-stats{border-top:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:16px;padding-top:20px;display:grid}.mw-holding-stats strong{color:#fff;font-size:1.35rem;font-weight:800;display:block}.mw-holding-stats span{color:#64748b;margin-top:2px;font-size:.72rem;display:block}.mw-sbu-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.mw-sbu-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:22px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px #00000005}.mw-sbu-card:hover{border-color:#007acc;transform:translateY(-4px);box-shadow:0 14px 30px -4px #007acc1f}.mw-sbu-card.active-ldp{background:linear-gradient(135deg,#fff 0%,#f0f9ff 100%);border:2px solid #007acc;position:relative}.mw-sbu-card.active-ldp:before{content:"UNIT KONSULTAN UTAMA";color:#fff;letter-spacing:.06em;background:#007acc;border-radius:4px;padding:3px 10px;font-size:.62rem;font-weight:800;position:absolute;top:-11px;right:18px;box-shadow:0 2px 6px #007acc4d}.mw-sbu-header{justify-content:space-between;align-items:center;gap:12px;height:48px;min-height:48px;margin-bottom:16px;display:flex}.mw-sbu-logo-box{flex:1;justify-content:flex-start;align-items:center;min-width:0;height:48px;display:flex}.mw-sbu-logo-box img,.mw-sbu-logo-box svg{object-fit:contain;width:auto;max-height:48px;display:block}.mw-sbu-logo-badge{font-family:var(--font-display);letter-spacing:.05em;border-radius:8px;align-items:center;padding:5px 12px;font-size:.85rem;font-weight:900;display:inline-flex}.mw-sbu-logo-badge.dmt{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.mw-sbu-logo-badge.shitsudo{color:#0891b2;background:#ecfeff;border:1px solid #a5f3fc}.mw-sbu-logo-badge.ldp{color:#007acc;background:#eff6ff;border:1px solid #93c5fd}.mw-sbu-logo-badge.ori{color:#7e22ce;background:#f3e8ff;border:1px solid #d8b4fe}.mw-sbu-logo-badge.mce{color:#d97706;background:#fff7ed;border:1px solid #fde68a}.mw-sbu-logo-badge.mma{color:#059669;background:#ecfdf5;border:1px solid #6ee7b7}.mw-sbu-tag{letter-spacing:.02em;border-radius:6px;padding:3px 8px;font-size:.68rem;font-weight:700}.mw-sbu-tag.orange{color:#c2410c;background:#fff7ed}.mw-sbu-tag.cyan{color:#0891b2;background:#ecfeff}.mw-sbu-tag.blue{color:#007acc;background:#eff6ff}.mw-sbu-tag.purple{color:#7e22ce;background:#f3e8ff}.mw-sbu-tag.amber{color:#d97706;background:#fff7ed}.mw-sbu-tag.emerald{color:#059669;background:#ecfdf5}.mw-sbu-name{color:#0f172a;margin:0 0 2px;font-size:.98rem;font-weight:800}.mw-sbu-role{color:#007acc;margin:0 0 8px;font-size:.82rem;font-weight:700}.mw-sbu-desc{color:#64748b;margin:0;font-size:.82rem;line-height:1.55}@media (max-width: 992px){.mw-ecosystem-container{grid-template-columns:1fr}}@media (max-width: 640px){.mw-sbu-grid{grid-template-columns:1fr}}.vision-mission-grid{grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;display:grid}.vision-card,.mission-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:22px;transition:all .3s;display:flex}.vision-card{background:linear-gradient(135deg,#fff 0%,#f0f9ff 100%);border-left:4px solid #007acc}.mission-card{background:linear-gradient(135deg,#fff 0%,#fff7ed 100%);border-left:4px solid #f37021}.vision-card:hover,.mission-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -4px #0f172a14}.vm-badge-header{align-items:center;gap:12px;margin-bottom:12px;display:flex}.vm-arrow-icon{border-top:10px solid #0000;border-bottom:10px solid #0000;flex-shrink:0;width:0;height:0}.vm-arrow-icon.blue{border-left:14px solid #007acc}.vm-arrow-icon.orange{border-left:14px solid #f37021}.vm-title{font-family:var(--font-display);margin:0;font-size:1.05rem;font-weight:800;line-height:1.2}.vm-title.blue{color:#007acc}.vm-title.orange{color:#f37021}.vm-subtitle{color:#64748b;margin:2px 0 0;font-size:.72rem;font-weight:600}.vision-text{color:#0f172a;margin:0;font-size:.92rem;font-style:italic;font-weight:700;line-height:1.6}.mission-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.mission-list li{color:#334155;align-items:flex-start;gap:8px;font-size:.83rem;font-weight:600;line-height:1.45;display:flex}@media (max-width: 768px){.vision-mission-grid{grid-template-columns:1fr}}.clients-section{background:linear-gradient(#fff 0%,#f8fafc 100%);border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:90px 0}.clients-container{grid-template-columns:320px 1fr;align-items:stretch;gap:32px;display:grid}.clients-banner-card{color:#fff;background:linear-gradient(135deg,#f37021 0%,#c2410c 100%);border-radius:20px;flex-direction:column;justify-content:space-between;padding:36px 28px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px -10px #f3702159}.clients-banner-glow{pointer-events:none;background:radial-gradient(circle,#ffffff4d 0%,#fff0 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-40px}.clients-banner-number{font-family:var(--font-display);color:#fff;margin-bottom:6px;font-size:3.5rem;font-weight:900;line-height:1}.clients-banner-title{margin-bottom:14px;font-size:1.15rem;font-weight:800}.clients-banner-text{color:#ffffffeb;margin-bottom:24px;font-size:.88rem;line-height:1.6}.clients-banner-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.05em;background:#fff3;border-radius:50px;align-items:center;gap:8px;width:fit-content;padding:8px 14px;font-size:.75rem;font-weight:800;display:inline-flex}.clients-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.client-logo-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:105px;padding:16px 14px;transition:all .3s;display:flex;box-shadow:0 4px 12px #00000005}.client-logo-wrap{justify-content:center;align-items:center;width:100%;height:48px;margin-bottom:8px;display:flex}.client-logo-img{object-fit:contain;width:auto;max-width:130px;height:auto;max-height:40px;transition:transform .3s cubic-bezier(.16,1,.3,1);display:block}.client-logo-card:hover .client-logo-img{transform:scale(1.08)}.client-logo-card:hover{border-color:#007acc;transform:translateY(-4px);box-shadow:0 12px 24px -4px #007acc26}.client-brand-name{font-family:var(--font-display);color:#0f172a;margin-bottom:4px;font-size:.92rem;font-weight:800}.client-brand-cat{color:#64748b;font-size:.68rem;font-weight:600;line-height:1.3}@media (max-width: 1024px){.clients-container{grid-template-columns:1fr}.clients-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.clients-grid{grid-template-columns:repeat(2,1fr)}}.blog-teaser-section{background-color:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:96px 0}.blog-card{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:#fff;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.blog-card-img-wrap{background-color:#0f172a;height:200px;position:relative;overflow:hidden}.blog-card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-category-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:.05em;background:#0f172ad9;border:1px solid #fff3;border-radius:6px;padding:4px 10px;font-size:.68rem;font-weight:800;position:absolute;top:12px;left:12px}.blog-card-body{flex-direction:column;flex-grow:1;justify-content:space-between;padding:22px;display:flex}.blog-meta{color:var(--color-text-muted);align-items:center;gap:6px;margin-bottom:10px;font-size:.75rem;font-weight:600;display:flex}.blog-card-desc{color:var(--color-text-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-size:.85rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:14px;display:flex}.blog-author{align-items:center;gap:8px;min-width:0;display:flex}.blog-author-avatar{object-fit:cover;border:1px solid #e2e8f0;border-radius:50%;flex-shrink:0;width:28px;height:28px}.blog-author-name{color:var(--color-text-main);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:.75rem;font-weight:700;overflow:hidden}.blog-read-more{color:var(--color-accent-orange);flex-shrink:0;align-items:center;gap:4px;font-size:.82rem;font-weight:700;display:inline-flex}@media (max-width: 1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.blog-teaser-section{padding:60px 0}.blog-grid{grid-template-columns:1fr;gap:20px}}.admin-modal-card.admin-modal-xl{max-width:980px;max-height:92vh;padding:30px;overflow-y:auto}.admin-modal-card.admin-modal-xl .admin-modal-footer{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#0b192cf5;border-top:1px solid #1e293b;margin-top:16px;padding:14px 0 16px;position:sticky;bottom:-30px}.admin-modal-card.admin-modal-xl::-webkit-scrollbar{width:6px}.admin-modal-card.admin-modal-xl::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px}.admin-modal-card.admin-modal-xl::-webkit-scrollbar-thumb:hover{background:#334155}.admin-editor-subtabs{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;gap:4px;width:fit-content;padding:4px;display:flex}.admin-editor-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:8px;padding:7px 18px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.admin-editor-tab-btn:hover{color:#0f172a;background:#e2e8f0}.admin-editor-tab-btn.active{color:#fff;background:#f60;box-shadow:0 2px 10px #ff660059}.admin-form-two-col{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width: 768px){.admin-form-two-col{grid-template-columns:1fr}}.admin-toolbar-wrap{background:#061325;border:1px solid #1e293b;border-bottom:none;border-radius:10px 10px 0 0;flex-wrap:wrap;gap:6px;padding:8px 12px;display:flex}.admin-tool-btn{color:#cbd5e1;cursor:pointer;background:#0b192c;border:1px solid #1e293b;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:.73rem;font-weight:700;transition:all .15s;display:inline-flex}.admin-tool-btn:hover{color:#f60;background:#1e293b;border-color:#f60}.admin-editor-textarea{color:#f8fafc;resize:vertical;box-sizing:border-box;background:#040e1c;border:1px solid #1e293b;border-radius:0 0 10px 10px;outline:none;width:100%;min-height:280px;padding:16px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.84rem;line-height:1.65}.admin-editor-textarea:focus{border-color:#f60;box-shadow:0 0 0 2px #f603}.wysiwyg-toolbar{background:#f8fafc;border:1px solid #cbd5e1;border-bottom:none;border-radius:10px 10px 0 0;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;display:flex}.wysiwyg-toolbar-group{align-items:center;gap:2px;display:flex}.wysiwyg-divider{background:#cbd5e1;flex-shrink:0;width:1px;height:22px;margin:0 4px}.wysiwyg-btn{color:#374151;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #cbd5e1;border-radius:6px;justify-content:center;align-items:center;min-width:30px;height:30px;padding:4px 8px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex;position:relative}.wysiwyg-btn:hover{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.wysiwyg-btn:active{background:#dbeafe;transform:scale(.97)}.wysiwyg-btn-accent{color:#ea580c;background:#fff7ed;border-color:#fdba74}.wysiwyg-btn-accent:hover{color:#c2410c;background:#fed7aa;border-color:#f97316}.wysiwyg-btn-image{color:#16a34a;background:#f0fdf4;border-color:#86efac;font-size:.9rem}.wysiwyg-btn-image:hover{color:#15803d;background:#dcfce7;border-color:#4ade80}.wysiwyg-color-btn{cursor:pointer;overflow:hidden}.wysiwyg-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;min-width:80px;height:30px;padding:0 8px;font-size:.78rem;transition:border-color .15s}.wysiwyg-select:hover,.wysiwyg-select:focus{border-color:#3b82f6}.wysiwyg-select-sm{min-width:60px}.wysiwyg-editor-body{box-sizing:border-box;caret-color:#f60;width:100%}.wysiwyg-editor-body:focus{box-shadow:0 0 0 3px #3b82f626;border-color:#3b82f6!important}.wysiwyg-editor-body:empty:before{content:attr(data-placeholder);color:#94a3b8;pointer-events:none;font-style:italic;display:block}.wysiwyg-editor-body h1{color:#0f172a;margin:16px 0 10px;font-size:1.8rem;font-weight:800}.wysiwyg-editor-body h2{color:#0f172a;margin:14px 0 8px;font-size:1.4rem;font-weight:700}.wysiwyg-editor-body h3{color:#1e40af;border-bottom:2px solid #bfdbfe;margin:12px 0 8px;padding-bottom:4px;font-size:1.15rem;font-weight:700}.wysiwyg-editor-body h4{color:#374151;margin:10px 0 6px;font-size:1rem;font-weight:700}.wysiwyg-editor-body p{margin:0 0 10px}.wysiwyg-editor-body blockquote{color:#9a3412;background:#fff7ed;border-left:4px solid #f60;border-radius:0 8px 8px 0;margin:14px 0;padding:12px 16px;font-style:italic}.wysiwyg-editor-body ul,.wysiwyg-editor-body ol{margin:8px 0;padding-left:22px}.wysiwyg-editor-body li{margin-bottom:4px}.wysiwyg-editor-body table{border-collapse:collapse;width:100%;margin:12px 0;font-size:.85rem}.wysiwyg-editor-body th{color:#fff;text-align:left;background:#0b192c;border:1px solid #1e293b;padding:8px 12px}.wysiwyg-editor-body td{border:1px solid #e2e8f0;padding:8px 12px}.wysiwyg-editor-body tr:nth-child(2n) td{background:#f8fafc}.wysiwyg-editor-body figure{text-align:center;margin:16px 0}.wysiwyg-editor-body figure img{border-radius:8px;max-width:100%;box-shadow:0 4px 16px #0000001a}.wysiwyg-editor-body figcaption{color:#64748b;margin-top:6px;font-size:.78rem;font-style:italic}.wysiwyg-editor-body pre{color:#e2e8f0;background:#1e293b;border-radius:8px;padding:14px 16px;font-family:monospace;font-size:.82rem;overflow-x:auto}.wysiwyg-editor-body hr{border:none;border-top:2px solid #e2e8f0;margin:18px 0}.wysiwyg-editor-body a{color:#2563eb;text-decoration:underline}.wysiwyg-preview-render h1{color:#0f172a;margin:20px 0 12px;font-size:1.75rem;font-weight:800}.wysiwyg-preview-render h2{color:#0f172a;margin:18px 0 10px;font-size:1.35rem;font-weight:700}.wysiwyg-preview-render h3{color:#1e40af;border-bottom:2px solid #bfdbfe;margin:16px 0 8px;padding-bottom:4px;font-size:1.1rem;font-weight:700}.wysiwyg-preview-render h4{color:#374151;margin:12px 0 6px;font-size:.95rem;font-weight:700}.wysiwyg-preview-render p{margin:0 0 12px;line-height:1.8}.wysiwyg-preview-render blockquote{color:#9a3412;background:#fff7ed;border-left:4px solid #f60;border-radius:0 8px 8px 0;margin:16px 0;padding:12px 16px;font-style:italic}.wysiwyg-preview-render ul,.wysiwyg-preview-render ol{margin:10px 0;padding-left:22px}.wysiwyg-preview-render li{margin-bottom:6px;line-height:1.7}.wysiwyg-preview-render table{border-collapse:collapse;width:100%;margin:16px 0;font-size:.85rem}.wysiwyg-preview-render th{color:#fff;text-align:left;background:#0b192c;border:1px solid #1e293b;padding:8px 12px}.wysiwyg-preview-render td{border:1px solid #e2e8f0;padding:8px 12px}.wysiwyg-preview-render tr:nth-child(2n) td{background:#f8fafc}.wysiwyg-preview-render figure{text-align:center;margin:20px 0}.wysiwyg-preview-render figure img{border-radius:10px;max-width:100%;box-shadow:0 6px 20px #0000001f}.wysiwyg-preview-render figcaption{color:#64748b;margin-top:6px;font-size:.78rem;font-style:italic}.wysiwyg-preview-render pre{color:#e2e8f0;background:#1e293b;border-radius:8px;padding:14px 16px;font-family:monospace;font-size:.82rem;overflow-x:auto}.wysiwyg-preview-render hr{border:none;border-top:2px solid #e2e8f0;margin:20px 0}.wysiwyg-preview-render a{color:#2563eb;text-decoration:underline}.wysiwyg-preview-render img{border-radius:8px;max-width:100%;height:auto}@media (max-width: 640px){.wysiwyg-toolbar{gap:2px;padding:6px 8px}.wysiwyg-btn{min-width:26px;height:26px;font-size:.76rem}.wysiwyg-select{min-width:60px;font-size:.72rem}}.admin-cover-preset-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px;display:grid}@media (max-width: 640px){.admin-cover-preset-grid{grid-template-columns:repeat(2,1fr)}}.admin-cover-preset-card{cursor:pointer;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:10px;height:68px;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a}.admin-cover-preset-card:hover{border-color:#f60;transform:translateY(-2px);box-shadow:0 4px 12px #ff660026}.admin-cover-preset-card.active{border:2.5px solid #f60!important;box-shadow:0 0 0 3px #ff660033,0 4px 12px #ff660026!important}.admin-cover-preset-card img{object-fit:cover;opacity:.88;width:100%;height:100%;transition:opacity .2s,transform .2s}.admin-cover-preset-card:hover img,.admin-cover-preset-card.active img{opacity:1;transform:scale(1.04)}.admin-cover-preset-label{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;white-space:nowrap;text-overflow:ellipsis;text-align:center;background:linear-gradient(180deg,#07172ea6 0%,#07172eeb 100%);padding:4px 6px;font-size:.68rem;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.admin-preview-box{color:#0f172a;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;max-height:520px;padding:24px;overflow-y:auto;box-shadow:inset 0 2px 6px #0000000d}.admin-preview-box h1{color:#0f172a;margin:12px 0;font-size:1.45rem;font-weight:800;line-height:1.3}.admin-preview-box h3{color:#1e293b;border-left:3px solid #f60;margin:20px 0 10px;padding-left:10px;font-size:1.15rem;font-weight:800}.admin-preview-box p{color:#334155;margin-bottom:14px;font-size:.88rem;line-height:1.7}.admin-preview-box blockquote{color:#9a3412;background:#fff7ed;border-left:4px solid #f60;border-radius:0 10px 10px 0;margin:16px 0;padding:12px 16px;font-size:.88rem;font-style:italic;font-weight:600}.admin-preview-box table{border-collapse:collapse;background:#fff;border:1px solid #cbd5e1;border-radius:8px;width:100%;margin:16px 0;font-size:.8rem;overflow:hidden}.admin-preview-box th{color:#fff;text-align:left;background:#0b192c;padding:8px 12px;font-size:.75rem;font-weight:800}.admin-preview-box td{color:#1e293b;border-bottom:1px solid #e2e8f0;padding:8px 12px}.admin-preview-box tr:nth-child(2n) td{background:#f8fafc}.admin-article-img-col{object-fit:cover;border:1px solid #1e293b;border-radius:8px;flex-shrink:0;width:72px;height:48px}.admin-article-title-link{color:#fff;-webkit-line-clamp:2;line-clamp:2;cursor:pointer;-webkit-box-orient:vertical;font-size:.88rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.admin-article-title-link:hover{color:#f60}.admin-article-slug{color:#38bdf8;margin-top:2px;font-family:monospace;font-size:.72rem}.admin-featured-star-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px;font-size:.75rem;font-weight:700;transition:all .2s;display:inline-flex}.admin-featured-star-btn.is-featured{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b59}.admin-featured-star-btn.not-featured{color:#64748b;background:#64748b1a;border:1px solid #0000}.admin-featured-star-btn.not-featured:hover{color:#f59e0b;background:#f59e0b1f}.admin-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}@media (max-width: 1200px){.admin-team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 768px){.admin-team-grid{grid-template-columns:1fr}}.admin-team-card{text-align:center;background:#0b192c;border:1px solid #1e293b;border-radius:20px;flex-direction:column;justify-content:space-between;align-items:center;padding:28px 22px;transition:all .25s;display:flex;position:relative}.admin-team-card:hover{border-color:#f60;transform:translateY(-4px);box-shadow:0 12px 30px #00000073}.admin-team-avatar-wrap{background:linear-gradient(135deg,#0f52ba 0%,#072554 100%);border:3px solid #f60;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:96px;height:96px;margin:14px auto 16px;display:flex;overflow:hidden;box-shadow:0 8px 20px #0f52ba59}.admin-team-initials{font-family:var(--font-display,sans-serif);color:#fff;letter-spacing:.05em;font-size:1.75rem;font-weight:800}.admin-team-name{color:#fff;margin-bottom:4px;font-size:1.05rem;font-weight:800;line-height:1.35}.admin-team-role{color:#f60;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:.78rem;font-weight:700}.admin-team-bio{color:#94a3b8;flex:1;margin-bottom:20px;font-size:.82rem;line-height:1.6}.admin-team-footer{border-top:1px solid #1e293b;justify-content:center;align-items:center;gap:10px;width:100%;padding-top:16px;display:flex}.admin-seo-audit-container{flex-direction:column;gap:18px;display:flex}.admin-seo-score-banner{background:linear-gradient(135deg,#07172e 0%,#0b192c 100%);border:1.5px solid #1e293b;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;display:flex}.admin-seo-score-left{align-items:center;gap:18px;display:flex}.admin-seo-score-badge{width:68px;height:68px;font-weight:800;font-family:var(--font-display,sans-serif);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 16px #00000059}.admin-seo-score-badge.excellent{color:#fff;background:radial-gradient(circle,#10b981 0%,#047857 100%);border:3px solid #34d399}.admin-seo-score-badge.good{color:#fff;background:radial-gradient(circle,#f59e0b 0%,#b45309 100%);border:3px solid #fcd34d}.admin-seo-score-badge.warning{color:#fff;background:radial-gradient(circle,#ef4444 0%,#b91c1c 100%);border:3px solid #f87171}.admin-seo-score-num{font-size:1.35rem;line-height:1}.admin-seo-score-max{opacity:.85;font-size:.65rem}.admin-seo-score-text h4{color:#fff;margin:0 0 4px;font-size:1.1rem;font-weight:800}.admin-seo-score-text p{color:#94a3b8;margin:0;font-size:.8rem}.admin-seo-security-seal{color:#34d399;background:#10b9811f;border:1px solid #10b9814d;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:.78rem;font-weight:700;display:inline-flex}.admin-serp-preview-box{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;padding:20px 24px;box-shadow:0 4px 14px #0000000d}.admin-serp-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.admin-serp-header-title{color:#475569;text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:.76rem;font-weight:800;display:flex}.admin-serp-card{max-width:650px;font-family:Arial,sans-serif}.admin-serp-meta-row{align-items:center;gap:8px;margin-bottom:4px;display:flex}.admin-serp-favicon{color:#f60;background:#0b192c;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:flex}.admin-serp-site-info{flex-direction:column;display:flex}.admin-serp-sitename{color:#202124;font-size:.8rem;font-weight:600;line-height:1.2}.admin-serp-url{color:#4d5156;font-size:.74rem;line-height:1.2}.admin-serp-title{color:#1a0dab;cursor:pointer;word-break:break-word;margin:4px 0 6px;font-size:1.25rem;font-weight:500;line-height:1.3}.admin-serp-title:hover{text-decoration:underline}.admin-serp-desc{color:#4d5156;margin:0;font-size:.86rem;line-height:1.48}.admin-seo-checklist{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;display:grid}.admin-seo-check-item{background:#0b192c;border:1px solid #1e293b;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.admin-seo-check-header{justify-content:space-between;align-items:center;display:flex}.admin-seo-check-title{color:#fff;align-items:center;gap:8px;font-size:.82rem;font-weight:800;display:flex}.admin-seo-check-score{border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:800}.admin-seo-check-score.success{color:#34d399;background:#10b98133}.admin-seo-check-score.warning{color:#fcd34d;background:#f59e0b33}.admin-seo-check-score.danger{color:#f87171;background:#ef444433}.admin-seo-check-msg{color:#94a3b8;font-size:.76rem;line-height:1.45}.admin-role-badge{letter-spacing:.02em;text-transform:uppercase;border-radius:9999px;align-items:center;gap:5px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.admin-role-badge.super_admin{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.admin-role-badge.author{color:#f80;background:#ff660026;border:1px solid #ff66004d}.admin-role-selector-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;display:grid}@media (max-width: 640px){.admin-role-selector-grid{grid-template-columns:1fr}}.admin-role-selector-card{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:6px;padding:14px 16px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000008}.admin-role-selector-card:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 4px 12px #0000000d}.admin-role-selector-card.active{background:#fff7ed!important;border:2px solid #f60!important;box-shadow:0 0 0 3px #ff660026,0 4px 14px #ff66001a!important}.admin-role-selector-card.active.blue{background:#eff6ff!important;border:2px solid #3b82f6!important;box-shadow:0 0 0 3px #3b82f626,0 4px 14px #3b82f61a!important}.admin-role-card-header{justify-content:space-between;align-items:center;display:flex}.admin-role-card-title{color:#0f172a;align-items:center;gap:6px;font-size:.88rem;font-weight:700;display:flex}.admin-role-selector-card.active .admin-role-card-title{color:#9a3412!important}.admin-role-selector-card.active.blue .admin-role-card-title{color:#1e40af!important}.admin-role-card-desc{color:#475569;font-size:.76rem;line-height:1.5}.admin-role-card-desc strong{color:#0f172a}.admin-role-selector-card.active .admin-role-card-desc{color:#7c2d12!important}.admin-role-selector-card.active .admin-role-card-desc strong{color:#9a3412!important}.admin-role-selector-card.active.blue .admin-role-card-desc{color:#1e3a8a!important}.admin-role-selector-card.active.blue .admin-role-card-desc strong{color:#1e40af!important}.admin-avatar-preset-btn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:50%;width:44px;height:44px;padding:0;transition:all .2s;overflow:hidden}.admin-avatar-preset-btn:hover{border-color:#f60;transform:scale(1.1);box-shadow:0 4px 12px #ff660033}.admin-avatar-preset-btn.active{border-color:#f60;box-shadow:0 0 0 3px #ff660059;transform:scale(1.05)}.admin-avatar-preset-btn img{object-fit:cover;width:100%;height:100%}.admin-header-profile-badge{cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:4px 10px;transition:all .2s;display:flex}.admin-header-profile-badge:hover{background:#ff660014;border-color:#f606}.admin-photo-upload-box{background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:14px;align-items:center;gap:16px;padding:14px 16px;transition:all .2s;display:flex}.admin-photo-upload-box:hover{background:#fff7ed;border-color:#f60}.admin-avatar-preview-wrap{background:#f1f5f9;border:2.5px solid #f60;border-radius:50%;flex-shrink:0;width:68px;height:68px;position:relative;overflow:hidden;box-shadow:0 4px 12px #ff66002e}.admin-avatar-preview-wrap img{object-fit:cover;width:100%;height:100%}.article-editor-page{background:#f1f5f9;flex-direction:column;height:100vh;font-family:Inter,system-ui,sans-serif;display:flex;overflow:hidden}.article-editor-topbar{z-index:100;background:#fff;border-bottom:1.5px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 20px;display:flex;box-shadow:0 2px 8px #0000000f}.article-editor-topbar-left{flex:1;align-items:center;gap:16px;min-width:0;display:flex;overflow:hidden}.article-editor-back-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.article-editor-back-btn:hover{color:#f60;background:#fff7ed;border-color:#f60}.article-editor-topbar-title{color:#0f172a;flex:1;align-items:center;gap:8px;font-size:.84rem;font-weight:700;display:flex;overflow:hidden}.article-editor-topbar-slug{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:400;overflow:hidden}.article-editor-topbar-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.article-editor-live-badge{color:#16a34a;background:#f0fdf4;border:1px solid #86efac;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.article-editor-live-dot{background:#22c55e;border-radius:50%;width:7px;height:7px;animation:1.5s ease-in-out infinite livePulse}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.article-editor-cancel-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:8px;padding:7px 16px;font-size:.82rem;font-weight:600;transition:all .15s}.article-editor-cancel-btn:hover{background:#e2e8f0;border-color:#94a3b8}.article-editor-publish-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f60,#e85500);border:none;border-radius:8px;align-items:center;gap:8px;padding:7px 20px;font-size:.82rem;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #ff66004d}.article-editor-publish-btn:hover{background:linear-gradient(135deg,#f72,#f60);transform:translateY(-1px);box-shadow:0 4px 14px #f606}.article-editor-split{flex:1;grid-template-columns:1fr 1fr;display:grid;overflow:hidden}.article-editor-left{background:#f8fafc;border-right:1.5px solid #e2e8f0;padding:24px 22px;overflow-y:auto}.article-editor-title-input{color:#0f172a;box-sizing:border-box;background:0 0;border:none;border-bottom:2.5px solid #e2e8f0;outline:none;width:100%;padding:8px 0;font-family:Inter,sans-serif;font-size:1.4rem;font-weight:800;transition:border-color .2s}.article-editor-title-input::placeholder{color:#cbd5e1;font-size:1.2rem;font-weight:400}.article-editor-title-input:focus{border-bottom-color:#f60}.article-editor-wysiwyg-body{max-height:unset!important}.article-editor-right{background:#fff;flex-direction:column;display:flex;overflow:hidden}.article-editor-preview-header{color:#1d4ed8;background:#eff6ff;border-bottom:1.5px solid #bfdbfe;flex-shrink:0;align-items:center;gap:8px;padding:10px 20px;font-size:.78rem;font-weight:700;display:flex}.article-editor-preview-body{flex:1;padding:24px 28px;overflow-y:auto}.article-preview-header-section{margin-bottom:18px}.article-preview-cat-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:#f60;border-radius:20px;margin-bottom:10px;padding:3px 12px;font-size:.7rem;font-weight:700;display:inline-block}.article-preview-title{color:#0b192c;margin:0 0 12px;font-size:1.45rem;font-weight:800;line-height:1.3}.article-preview-meta{border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:10px 0;display:flex}.article-preview-avatar{object-fit:cover;border:2px solid #f60;border-radius:50%;flex-shrink:0;width:34px;height:34px}.article-preview-author{color:#0f172a;font-size:.78rem;font-weight:700}.article-preview-author-role{color:#64748b;font-size:.7rem}.article-preview-cover{margin:14px 0}.article-preview-summary{color:#1e40af;background:#eff6ff;border-left:4px solid #3b82f6;border-radius:0 8px 8px 0;margin:14px 0;padding:12px 16px;font-size:.82rem}.article-preview-content{color:#1e293b;margin-top:16px;font-size:.88rem;line-height:1.8}@media (max-width: 900px){.article-editor-split{grid-template-columns:1fr}.article-editor-right,.article-editor-topbar-slug,.article-editor-live-badge{display:none}}.blog-page{color:#0f172a;min-height:100vh;font-family:var(--font-primary,"Plus Jakarta Sans", system-ui, sans-serif);background-color:#f8fafc;padding-bottom:80px;position:relative}.blog-navbar{z-index:1000;-webkit-backdrop-filter:blur(16px);background-color:#fffffff0;border-bottom:1.5px solid #e2e8f0;transition:all .25s;position:sticky;top:0;box-shadow:0 4px 20px #0f52ba0a}.blog-navbar-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1240px;height:76px;margin:0 auto;padding:0 24px;display:flex}.blog-nav-left{align-items:center;gap:16px;display:flex}.blog-back-btn{color:#334155;cursor:pointer;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:.84rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.blog-back-btn:hover{color:#f60;background-color:#e2e8f0;border-color:#cbd5e1;transform:translate(-2px)}.blog-nav-divider{background-color:#cbd5e1;width:1px;height:24px}.blog-nav-brand{align-items:center;gap:10px;text-decoration:none;display:flex}.blog-brand-icon{color:#f60;background:linear-gradient(135deg,#ff66001f,#0f52ba1f);border:1px solid #ff660040;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.blog-brand-titles{flex-direction:column;display:flex}.blog-brand-title{font-family:var(--font-display,"Outfit", sans-serif);color:#0b192c;font-size:1.05rem;font-weight:800;line-height:1.15}.blog-brand-title span{color:#f60}.blog-brand-subtitle{color:#64748b;letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700}.blog-nav-right{align-items:center;gap:12px;display:flex}.blog-share-btn{color:#475569;cursor:pointer;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 1px 3px #0000000a}.blog-share-btn:hover{color:#0f52ba;background-color:#f8fafc;border-color:#bfdbfe}.blog-share-btn.copied{color:#059669;background-color:#ecfdf5;border-color:#a7f3d0}.blog-nav-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f60 0%,#ff8533 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:.82rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #ff660059}.blog-nav-cta:hover{background:linear-gradient(135deg,#e05500 0%,#f60 100%);transform:translateY(-2px);box-shadow:0 6px 20px #ff660073}.blog-hero{color:#fff;background:linear-gradient(135deg,#07172e 0%,#0b192c 45%,#0f2038 100%);border-bottom:1px solid #f603;padding:68px 24px 84px;position:relative;overflow:hidden}.blog-hero-glow-1{pointer-events:none;background:radial-gradient(circle,#ff660038 0%,#f600 70%);border-radius:50%;width:480px;height:480px;position:absolute;top:-120px;right:-80px}.blog-hero-glow-2{pointer-events:none;background:radial-gradient(circle,#0f52ba4d 0%,#0f52ba00 70%);border-radius:50%;width:420px;height:420px;position:absolute;bottom:-100px;left:-80px}.blog-hero-content{text-align:center;z-index:10;max-width:860px;margin:0 auto;position:relative}.blog-hero-badge{letter-spacing:.08em;text-transform:uppercase;color:#ff8533;background-color:#ff660026;border:1px solid #ff660059;border-radius:9999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 16px;font-size:.72rem;font-weight:800;display:inline-flex;box-shadow:0 4px 12px #ff66001f}.blog-hero-title{font-family:var(--font-display,"Outfit", sans-serif);letter-spacing:-.02em;color:#fff;margin-bottom:16px;font-size:clamp(2rem,4vw,3.1rem);font-weight:800;line-height:1.18}.blog-hero-title span{background:linear-gradient(135deg,#38bdf8 0%,#ff8533 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.blog-hero-desc{color:#cbd5e1;max-width:680px;margin:0 auto 36px;font-size:clamp(.92rem,1.6vw,1.05rem);line-height:1.65}.blog-search-container{max-width:600px;margin:0 auto;position:relative}.blog-search-box{-webkit-backdrop-filter:blur(14px);background-color:#ffffff14;border:1.5px solid #fff3;border-radius:16px;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 10px 30px #00000040}.blog-search-box:focus-within{background-color:#ffffff24;border-color:#f60;transform:translateY(-1px);box-shadow:0 12px 36px #ff660038,0 0 0 3px #ff660040}.blog-search-icon{color:#94a3b8;pointer-events:none;transition:color .2s;position:absolute;left:18px}.blog-search-box:focus-within .blog-search-icon{color:#f60}.blog-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:16px 85px 16px 52px;font-family:inherit;font-size:.95rem}.blog-search-input::placeholder{color:#94a3b8}.blog-search-clear{color:#e2e8f0;cursor:pointer;background-color:#ffffff26;border:none;border-radius:8px;padding:6px 12px;font-size:.75rem;font-weight:700;transition:all .2s;position:absolute;right:12px}.blog-search-clear:hover{color:#fff;background-color:#f60}.blog-main{z-index:20;max-width:1240px;margin:-36px auto 0;padding:0 24px;position:relative}.blog-category-bar{scrollbar-width:none;-ms-overflow-style:none;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:18px;align-items:center;gap:8px;margin-bottom:36px;padding:10px 14px;display:flex;overflow-x:auto;box-shadow:0 8px 30px #0f52ba14}.blog-category-bar::-webkit-scrollbar{display:none}.blog-category-filter-icon{color:#64748b;flex-shrink:0;margin-left:6px;margin-right:4px}.blog-cat-btn{white-space:nowrap;cursor:pointer;color:#475569;background-color:#f1f5f9;border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:9px 18px;font-size:.8rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.blog-cat-btn:hover{color:#0f172a;background-color:#e2e8f0;transform:translateY(-1px)}.blog-cat-btn.active{color:#fff;background:linear-gradient(135deg,#f60 0%,#ff8533 100%);transform:translateY(-1px);box-shadow:0 4px 16px #ff660059}.blog-cat-count{background-color:#00000014;border-radius:9999px;padding:2px 7px;font-size:.7rem;font-weight:800}.blog-cat-btn.active .blog-cat-count{color:#fff;background-color:#ffffff47}.blog-featured-card{cursor:pointer;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:24px;grid-template-columns:1.15fr .85fr;margin-bottom:48px;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid;overflow:hidden;box-shadow:0 12px 36px #0f52ba14}.blog-featured-card:hover{border-color:#bfdbfe;transform:translateY(-4px);box-shadow:0 20px 48px #0f52ba24}.blog-featured-image-wrap{background-color:#0b192c;min-height:380px;position:relative;overflow:hidden}.blog-featured-image{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}.blog-featured-card:hover .blog-featured-image{transform:scale(1.04)}.blog-featured-badge{letter-spacing:.08em;text-transform:uppercase;color:#fff;background:linear-gradient(135deg,#f60 0%,#ff8533 100%);border-radius:9999px;align-items:center;gap:8px;padding:8px 16px;font-size:.72rem;font-weight:900;display:inline-flex;position:absolute;top:20px;left:20px;box-shadow:0 4px 16px #ff660073}.blog-featured-content{flex-direction:column;justify-content:space-between;padding:38px 36px;display:flex}.blog-featured-top{flex-direction:column;display:flex}.blog-featured-meta-row{align-items:center;gap:12px;margin-bottom:14px;font-size:.78rem;display:flex}.blog-category-tag{color:#f60;text-transform:uppercase;letter-spacing:.06em;font-weight:800}.blog-dot-divider{color:#cbd5e1}.blog-featured-title{font-family:var(--font-display,"Outfit", sans-serif);color:#0b192c;margin-bottom:14px;font-size:1.65rem;font-weight:800;line-height:1.3;transition:color .2s}.blog-featured-card:hover .blog-featured-title{color:#0f52ba}.blog-featured-summary{color:#475569;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin-bottom:24px;font-size:.92rem;line-height:1.68;display:-webkit-box;overflow:hidden}.blog-featured-footer{border-top:1.5px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:20px;display:flex}.blog-author-mini{align-items:center;gap:12px;display:flex}.blog-author-avatar-sm{object-fit:cover;border:2px solid #f60;border-radius:50%;width:40px;height:40px;box-shadow:0 2px 8px #0000001a}.blog-author-info-sm{flex-direction:column;display:flex}.blog-author-name-sm{color:#0f172a;font-size:.85rem;font-weight:800;line-height:1.2}.blog-author-role-sm{color:#64748b;font-size:.72rem;font-weight:600}.blog-read-link{color:#f60;align-items:center;gap:6px;font-size:.85rem;font-weight:800;transition:transform .2s;display:inline-flex}.blog-featured-card:hover .blog-read-link{transform:translate(4px)}.blog-section-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.blog-section-title{font-family:var(--font-display,"Outfit", sans-serif);color:#0b192c;align-items:center;gap:10px;font-size:1.35rem;font-weight:800;display:flex}.blog-results-badge{color:#0f52ba;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:700}.blog-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.blog-card{cursor:pointer;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:20px;flex-direction:column;justify-content:space-between;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 16px #0f52ba0d}.blog-card:hover{border-color:#bfdbfe;transform:translateY(-6px);box-shadow:0 16px 36px #0f52ba1f}.blog-card-media{background-color:#0b192c;height:220px;position:relative;overflow:hidden}.blog-card-img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.blog-card:hover .blog-card-img{transform:scale(1.06)}.blog-card-cat-badge{-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#0b192cd9;border:1px solid #fff3;border-radius:8px;padding:5px 12px;font-size:.68rem;font-weight:800;position:absolute;top:14px;left:14px}.blog-card-body{flex-direction:column;flex-grow:1;padding:24px;display:flex}.blog-card-meta{color:#64748b;align-items:center;gap:12px;margin-bottom:12px;font-size:.74rem;display:flex}.blog-card-meta-item{align-items:center;gap:5px;display:flex}.blog-card-title{font-family:var(--font-display,"Outfit", sans-serif);color:#0f172a;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:1.15rem;font-weight:800;line-height:1.35;transition:color .2s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card-title{color:#0f52ba}.blog-card-summary{color:#475569;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:18px;font-size:.84rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:12px;display:flex}.blog-tag-chip{color:#475569;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:3px 8px;font-size:.68rem;font-weight:700;transition:all .2s}.blog-card:hover .blog-tag-chip{color:#0f172a;background-color:#e2e8f0}.blog-card-footer{background-color:#fafafc;border-top:1.5px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.blog-card-author{align-items:center;gap:8px;min-width:0;display:flex}.blog-card-avatar{object-fit:cover;border:1.5px solid #cbd5e1;border-radius:50%;flex-shrink:0;width:30px;height:30px}.blog-card-author-name{color:#334155;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:.76rem;font-weight:700;overflow:hidden}.blog-card-action{color:#f60;flex-shrink:0;align-items:center;gap:4px;font-size:.78rem;font-weight:800;transition:transform .2s;display:flex}.blog-card:hover .blog-card-action{transform:translate(4px)}.blog-empty-state{text-align:center;background-color:#fff;border:1.5px solid #e2e8f0;border-radius:20px;max-width:480px;margin:40px auto;padding:56px 24px;box-shadow:0 4px 20px #0000000a}.blog-empty-icon{color:#94a3b8;background-color:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.blog-empty-title{font-family:var(--font-display,"Outfit", sans-serif);color:#0f172a;margin-bottom:8px;font-size:1.25rem;font-weight:800}.blog-empty-desc{color:#64748b;margin-bottom:24px;font-size:.85rem;line-height:1.6}.blog-reader{max-width:900px;margin:0 auto;padding:40px 24px 0}.blog-breadcrumbs{color:#64748b;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;font-size:.78rem;display:flex}.blog-breadcrumb-link{color:#0f52ba;cursor:pointer;background:0 0;border:none;padding:0;font-weight:600;transition:color .2s}.blog-breadcrumb-link:hover{color:#f60}.blog-reader-meta-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.blog-reader-cat-badge{text-transform:uppercase;letter-spacing:.06em;color:#c2410c;background-color:#fff7ed;border:1px solid #ffd8a8;border-radius:9999px;padding:6px 14px;font-size:.74rem;font-weight:800}.blog-reader-title{font-family:var(--font-display,"Outfit", sans-serif);letter-spacing:-.02em;color:#07172e;margin-bottom:28px;font-size:clamp(1.85rem,3.5vw,2.75rem);font-weight:800;line-height:1.22}.blog-author-card{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:16px;align-items:center;gap:18px;margin-bottom:36px;padding:20px 24px;display:flex;box-shadow:0 4px 16px #0f52ba0d}.blog-author-avatar-lg{object-fit:cover;border:2.5px solid #f60;border-radius:50%;flex-shrink:0;width:58px;height:58px;box-shadow:0 4px 12px #f603}.blog-author-details{flex-direction:column;display:flex}.blog-author-name-lg{font-family:var(--font-display,"Outfit", sans-serif);color:#07172e;font-size:1.05rem;font-weight:800;line-height:1.2}.blog-author-role-lg{color:#f60;margin-top:2px;font-size:.8rem;font-weight:700}.blog-author-firm{color:#64748b;margin-top:2px;font-size:.72rem}.blog-security-seal-wrap{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;flex-direction:column;gap:4px;margin-bottom:28px;padding:12px 18px;display:flex}.blog-security-seal-badge{color:#166534;align-items:center;gap:8px;font-size:.82rem;font-weight:800;display:flex}.blog-security-seal-sub{color:#15803d;padding-left:24px;font-size:.73rem}.blog-reader-hero-img-wrap{background-color:#0b192c;border:1.5px solid #e2e8f0;border-radius:20px;max-height:480px;margin-bottom:36px;overflow:hidden;box-shadow:0 12px 36px #0f52ba14}.blog-reader-hero-img{object-fit:cover;width:100%;height:auto;max-height:480px;display:block}.blog-summary-callout{background:linear-gradient(135deg,#eff6ff 0%,#f0f5ff 100%);border:1px solid #bfdbfe;border-left:5px solid #0f52ba;border-radius:16px;margin-bottom:40px;padding:22px 26px;box-shadow:0 4px 16px #0f52ba0f}.blog-summary-callout strong{font-family:var(--font-display,"Outfit", sans-serif);color:#0f52ba;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.95rem;display:block}.blog-summary-callout p{color:#1e293b;margin:0;font-size:.94rem;line-height:1.7}.blog-content-body{color:#334155;font-size:1rem;line-height:1.85}.blog-content-heading{font-family:var(--font-display,"Outfit", sans-serif);color:#07172e;border-bottom:2px solid #e2e8f0;margin:40px 0 18px;padding-bottom:10px;font-size:clamp(1.35rem,2.5vw,1.7rem);font-weight:800;position:relative}.blog-content-heading:after{content:"";background:linear-gradient(90deg,#f60,#ff8533);width:48px;height:2px;position:absolute;bottom:-2px;left:0}.blog-content-p{margin-bottom:20px;font-size:.98rem;line-height:1.8}.blog-content-p strong{color:#0f172a;font-weight:700}.blog-blockquote{color:#7c2d12;background-color:#fff7ed;border-left:4px solid #f60;border-radius:0 14px 14px 0;margin:28px 0;padding:18px 24px;font-size:.96rem;font-style:italic;line-height:1.75;box-shadow:0 2px 10px #ff66000f}.blog-content-figure{text-align:center;margin:36px 0}.blog-content-img{object-fit:cover;border:1.5px solid #e2e8f0;border-radius:14px;width:auto;max-width:100%;max-height:520px;transition:transform .25s,box-shadow .25s;display:inline-block;box-shadow:0 8px 30px #0f172a1f}.blog-content-img:hover{transform:translateY(-2px);box-shadow:0 12px 36px #0f172a29}.blog-content-caption{color:#64748b;justify-content:center;align-items:center;gap:6px;margin-top:10px;font-size:.85rem;font-style:italic;display:flex}.blog-divider{background:linear-gradient(90deg,#e2e8f0 0%,#bfdbfe 50%,#e2e8f0 100%);border:none;height:1.5px;margin:40px 0}.blog-table-container{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:16px;margin:32px 0;overflow-x:auto;box-shadow:0 4px 20px #0f52ba0f}.blog-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.blog-table th{color:#fff;font-family:var(--font-display,"Outfit", sans-serif);letter-spacing:.02em;background:linear-gradient(135deg,#07172e 0%,#0f2038 100%);border-bottom:2px solid #f60;padding:14px 18px;font-size:.84rem;font-weight:700}.blog-table td{color:#334155;vertical-align:top;border-bottom:1px solid #e2e8f0;padding:14px 18px;line-height:1.55}.blog-table tr:nth-child(2n) td{background-color:#f8fafc}.blog-table tr:last-child td{border-bottom:none}.blog-table td strong{color:#0f172a}.blog-reader-tags{border-top:1.5px solid #e2e8f0;flex-wrap:wrap;align-items:center;gap:10px;margin-top:48px;padding-top:24px;display:flex}.blog-reader-tags-label{color:#475569;align-items:center;gap:6px;margin-right:4px;font-size:.82rem;font-weight:800;display:flex}.blog-reader-tag-pill{color:#0f52ba;cursor:pointer;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;padding:6px 14px;font-size:.75rem;font-weight:700;transition:all .2s}.blog-reader-tag-pill:hover{color:#fff;background-color:#f60;border-color:#f60;transform:translateY(-1px)}.blog-cta-box{color:#fff;background:linear-gradient(135deg,#07172e 0%,#0b192c 60%,#0f2038 100%);border:1.5px solid #ff66004d;border-radius:24px;margin-top:56px;padding:44px 40px;position:relative;overflow:hidden;box-shadow:0 20px 50px #0000004d}.blog-cta-glow{pointer-events:none;background:radial-gradient(circle,#ff660047 0%,#f600 70%);border-radius:50%;width:320px;height:320px;position:absolute;top:-80px;right:-80px}.blog-cta-inner{z-index:10;position:relative}.blog-cta-badge{letter-spacing:.08em;text-transform:uppercase;color:#ff8533;background-color:#f603;border:1px solid #f606;border-radius:9999px;align-items:center;gap:8px;margin-bottom:16px;padding:6px 14px;font-size:.72rem;font-weight:800;display:inline-flex}.blog-cta-title{font-family:var(--font-display,"Outfit", sans-serif);color:#fff;margin-bottom:14px;font-size:clamp(1.4rem,2.8vw,1.95rem);font-weight:800;line-height:1.25}.blog-cta-desc{color:#cbd5e1;max-width:680px;margin-bottom:28px;font-size:.94rem;line-height:1.68}.blog-cta-buttons{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.blog-cta-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f60 0%,#ff8533 100%);border:none;border-radius:12px;align-items:center;gap:10px;padding:13px 26px;font-size:.88rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 6px 20px #f606}.blog-cta-btn-primary:hover{background:linear-gradient(135deg,#e05500 0%,#f60 100%);transform:translateY(-2px);box-shadow:0 10px 28px #ff66008c}.blog-cta-btn-wa{color:#fff;cursor:pointer;background-color:#16a34a;border:none;border-radius:12px;align-items:center;gap:10px;padding:13px 26px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 6px 20px #16a34a59}.blog-cta-btn-wa:hover{background-color:#15803d;transform:translateY(-2px);box-shadow:0 10px 26px #16a34a73}.blog-related-section{border-top:1.5px solid #e2e8f0;margin-top:64px;padding-top:40px}.blog-related-heading{font-family:var(--font-display,"Outfit", sans-serif);color:#07172e;align-items:center;gap:10px;margin-bottom:24px;font-size:1.35rem;font-weight:800;display:flex}.blog-related-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.blog-directory-banner{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:20px;justify-content:space-between;align-items:center;gap:28px;margin-top:64px;padding:38px 44px;display:flex;box-shadow:0 10px 30px #0f52ba0f}.blog-dir-banner-left{max-width:680px}.blog-dir-banner-badge{color:#f60;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:.72rem;font-weight:800;display:block}.blog-dir-banner-title{font-family:var(--font-display,"Outfit", sans-serif);color:#07172e;margin-bottom:8px;font-size:1.4rem;font-weight:800}.blog-dir-banner-desc{color:#64748b;font-size:.88rem;line-height:1.6}@media (max-width: 1024px){.blog-featured-card{grid-template-columns:1fr}.blog-featured-image-wrap{height:280px;min-height:280px}.blog-grid{grid-template-columns:repeat(2,1fr);gap:20px}.blog-related-grid{grid-template-columns:1fr}.blog-directory-banner{flex-direction:column;align-items:flex-start;padding:32px 28px}}@media (max-width: 768px){.blog-navbar-inner{height:68px;padding:0 16px}.blog-hero{padding:44px 16px 64px}.blog-hero-title{font-size:1.85rem}.blog-search-input{padding:13px 75px 13px 44px;font-size:.86rem}.blog-search-icon{width:18px;height:18px;left:14px}.blog-main{margin-top:-24px;padding:0 16px}.blog-grid{grid-template-columns:1fr;gap:18px}.blog-featured-content{padding:24px 20px}.blog-featured-title{font-size:1.3rem}.blog-reader{padding:24px 16px 0}.blog-reader-title{font-size:1.6rem}.blog-author-card{gap:14px;padding:16px 18px}.blog-cta-box{padding:32px 22px}.blog-cta-buttons{flex-direction:column;width:100%}.blog-cta-btn-primary,.blog-cta-btn-wa{justify-content:center;width:100%}}@media (max-width: 480px){.blog-back-btn span{display:none}.blog-nav-brand span.blog-brand-title{font-size:.95rem}.blog-brand-subtitle,.blog-nav-cta span{display:none}.blog-hero-title{font-size:1.55rem}.blog-hero-desc{font-size:.84rem}}.blog-wysiwyg-content{color:#1e293b;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:.95rem;line-height:1.85}.blog-wysiwyg-content h1{color:#0b192c;margin:28px 0 14px;font-size:1.9rem;font-weight:800;line-height:1.25}.blog-wysiwyg-content h2{color:#0b192c;margin:24px 0 12px;font-size:1.45rem;font-weight:700}.blog-wysiwyg-content h3{color:#1e40af;border-bottom:2px solid #bfdbfe;margin:20px 0 10px;padding-bottom:6px;font-size:1.15rem;font-weight:700}.blog-wysiwyg-content h4{color:#374151;margin:16px 0 8px;font-size:1rem;font-weight:700}.blog-wysiwyg-content p{margin:0 0 14px}.blog-wysiwyg-content blockquote{color:#9a3412;background:#fff7ed;border-left:4px solid #f60;border-radius:0 10px 10px 0;margin:20px 0;padding:14px 18px;font-size:.95rem;font-style:italic}.blog-wysiwyg-content ul,.blog-wysiwyg-content ol{margin:12px 0;padding-left:24px}.blog-wysiwyg-content li{margin-bottom:6px;line-height:1.75}.blog-wysiwyg-content table{border-collapse:collapse;width:100%;margin:18px 0;font-size:.875rem;display:block;overflow-x:auto}.blog-wysiwyg-content th{color:#fff;text-align:left;background:#0b192c;border:1px solid #1e293b;padding:10px 14px;font-weight:700}.blog-wysiwyg-content td{color:#1e293b;border:1px solid #e2e8f0;padding:10px 14px}.blog-wysiwyg-content tr:nth-child(2n) td{background:#f8fafc}.blog-wysiwyg-content figure{text-align:center;margin:24px 0}.blog-wysiwyg-content figure img{border:1px solid #e2e8f0;border-radius:12px;max-width:100%;height:auto;box-shadow:0 8px 28px #0000001f}.blog-wysiwyg-content figcaption{color:#64748b;margin-top:8px;font-size:.8rem;font-style:italic}.blog-wysiwyg-content img{border-radius:10px;max-width:100%;height:auto}.blog-wysiwyg-content pre{color:#e2e8f0;background:#1e293b;border-radius:10px;margin:16px 0;padding:16px 18px;font-family:Courier New,monospace;font-size:.83rem;overflow-x:auto}.blog-wysiwyg-content hr{border:none;border-top:2px solid #e2e8f0;margin:24px 0}.blog-wysiwyg-content a{color:#2563eb;text-decoration:underline}.blog-wysiwyg-content a:hover{color:#1d4ed8}@media (max-width: 640px){.blog-wysiwyg-content{font-size:.88rem}.blog-wysiwyg-content h1{font-size:1.5rem}.blog-wysiwyg-content h2{font-size:1.2rem}.blog-wysiwyg-content h3{font-size:1.05rem}}

/* ========================================================
   LDP CONSULTANT - ULTRA RESPONSIVE MOBILE ARTICLE STYLES
   ======================================================== */
@media (max-width: 768px) {
  .blog-reader {
    padding: 16px 14px 48px !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  .blog-breadcrumbs {
    margin-bottom: 14px !important;
    gap: 6px !important;
    font-size: 0.72rem !important;
  }
  .blog-reader-meta-row {
    gap: 8px 10px !important;
    margin-bottom: 16px !important;
    font-size: 0.72rem !important;
  }
  .blog-reader-cat-badge {
    padding: 4px 10px !important;
    font-size: 0.68rem !important;
    border-radius: 9999px !important;
  }
  .blog-reader-title {
    font-size: 1.45rem !important;
    line-height: 1.28 !important;
    letter-spacing: -0.01em !important;
    margin-bottom: 18px !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  .blog-author-card {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 12px 14px !important;
    margin-bottom: 22px !important;
    border-radius: 14px !important;
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important;
    box-shadow: 0 2px 8px rgba(15, 82, 186, 0.06) !important;
  }
  .blog-author-avatar-lg {
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    border-radius: 50% !important;
    border: 2px solid #FF6600 !important;
    object-fit: cover !important;
  }
  .blog-author-details {
    flex: 1 !important;
    min-width: 0 !important;
  }
  .blog-author-name-lg {
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    color: #0F172A !important;
    line-height: 1.25 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .blog-author-role-lg {
    font-size: 0.74rem !important;
    font-weight: 700 !important;
    color: #FF6600 !important;
    line-height: 1.25 !important;
    margin-top: 2px !important;
  }
  .blog-author-firm {
    font-size: 0.7rem !important;
    color: #64748B !important;
    margin-top: 2px !important;
  }
  .blog-security-seal-wrap {
    margin-bottom: 20px !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    font-size: 0.72rem !important;
  }
  .blog-security-seal-badge {
    font-size: 0.75rem !important;
  }
  .blog-security-seal-sub {
    font-size: 0.68rem !important;
  }
  .blog-reader-hero-img-wrap {
    max-height: 230px !important;
    border-radius: 12px !important;
    margin-bottom: 20px !important;
    border: 1px solid #E2E8F0 !important;
  }
  .blog-reader-hero-img {
    max-height: 230px !important;
    object-fit: cover !important;
    width: 100% !important;
  }
  .blog-summary-callout {
    padding: 14px 16px !important;
    margin-bottom: 22px !important;
    border-radius: 12px !important;
    font-size: 0.88rem !important;
    line-height: 1.65 !important;
  }
  .blog-content-body,
  .blog-wysiwyg-content {
    font-size: 0.92rem !important;
    line-height: 1.75 !important;
    color: #1E293B !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  .blog-wysiwyg-content h1 {
    font-size: 1.35rem !important;
    margin: 22px 0 10px !important;
    line-height: 1.3 !important;
  }
  .blog-wysiwyg-content h2 {
    font-size: 1.2rem !important;
    margin: 18px 0 10px !important;
    line-height: 1.3 !important;
  }
  .blog-wysiwyg-content h3 {
    font-size: 1.05rem !important;
    margin: 16px 0 8px !important;
  }
  .blog-wysiwyg-content p {
    margin-bottom: 12px !important;
  }
  .blog-wysiwyg-content img,
  .blog-wysiwyg-content figure img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 8px !important;
  }
  .blog-wysiwyg-content table {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    font-size: 0.78rem !important;
    margin: 14px 0 !important;
  }
  .blog-wysiwyg-content th,
  .blog-wysiwyg-content td {
    padding: 8px 10px !important;
    white-space: nowrap !important;
  }
  .blog-wysiwyg-content pre {
    max-width: 100% !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 12px 14px !important;
    font-size: 0.76rem !important;
    border-radius: 8px !important;
    white-space: pre !important;
  }
  .blog-wysiwyg-content blockquote {
    padding: 10px 14px !important;
    margin: 14px 0 !important;
    font-size: 0.86rem !important;
    border-left-width: 3px !important;
  }
  .blog-reader-tags {
    margin-top: 28px !important;
    padding-top: 18px !important;
    gap: 8px !important;
  }
  .blog-reader-tag-pill {
    padding: 5px 12px !important;
    font-size: 0.72rem !important;
  }
  .blog-cta-box {
    padding: 22px 16px !important;
    border-radius: 16px !important;
    margin-top: 28px !important;
  }
  .blog-cta-title {
    font-size: 1.25rem !important;
  }
  .blog-cta-desc {
    font-size: 0.82rem !important;
    margin-bottom: 20px !important;
  }
  .blog-cta-buttons {
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
  }
  .blog-cta-btn-primary,
  .blog-cta-btn-wa {
    width: 100% !important;
    box-sizing: border-box !important;
    justify-content: center !important;
    text-align: center !important;
    font-size: 0.82rem !important;
    padding: 12px 18px !important;
  }
  .blog-grid {
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }
  .blog-card {
    border-radius: 14px !important;
    overflow: hidden !important;
  }
  .blog-card-img-wrap {
    height: 180px !important;
  }
  .blog-card-body {
    padding: 14px !important;
  }
  .blog-card-title {
    font-size: 1.05rem !important;
    line-height: 1.35 !important;
  }
  .blog-card-desc {
    font-size: 0.82rem !important;
    line-height: 1.55 !important;
  }
  .blog-featured-card {
    grid-template-columns: 1fr !important;
    border-radius: 16px !important;
    margin-bottom: 24px !important;
    overflow: hidden !important;
  }
  .blog-featured-image-wrap {
    height: 200px !important;
    min-height: 200px !important;
  }
  .blog-featured-content {
    padding: 18px 16px !important;
  }
  .blog-featured-title {
    font-size: 1.25rem !important;
    line-height: 1.32 !important;
  }
  .blog-featured-desc {
    font-size: 0.84rem !important;
    line-height: 1.55 !important;
  }
  .blog-categories-bar {
    display: flex !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding-bottom: 8px !important;
    gap: 8px !important;
    flex-wrap: nowrap !important;
    scrollbar-width: none !important;
  }
  .blog-categories-bar::-webkit-scrollbar {
    display: none !important;
  }
  .blog-category-tab {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
    padding: 7px 14px !important;
    font-size: 0.74rem !important;
  }
  .article-editor-container,
  .admin-modal-card {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 14px !important;
    border-radius: 12px !important;
    box-sizing: border-box !important;
  }
  .admin-form-two-col {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }
  .article-editor-toolbar {
    flex-wrap: wrap !important;
    gap: 4px !important;
  }
  .article-editor-toolbar button {
    padding: 4px 8px !important;
    font-size: 0.72rem !important;
  }
}


/* ========================================================
   CRITICAL FIX: PREVENT CATEGORY BADGE OVERLAP & ENHANCE BAR
   ======================================================== */
.blog-featured-inline-category,
.blog-featured-meta-row .blog-category-tag,
.blog-featured-meta-row span.blog-category-tag {
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: inline-block !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: #FF6600 !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  box-shadow: none !important;
  margin-right: 0 !important;
}

/* Category bar flawless horizontal scroll */
.blog-category-bar {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  overflow-x: auto !important;
  -webkit-overflow-scrolling: touch !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
  flex-wrap: nowrap !important;
  padding: 8px 12px !important;
  margin-bottom: 28px !important;
  background-color: #FFFFFF !important;
  border: 1.5px solid #E2E8F0 !important;
  border-radius: 18px !important;
  box-shadow: 0 4px 20px rgba(15, 82, 186, 0.08) !important;
  position: relative !important;
  z-index: 5 !important;
}

.blog-category-bar::-webkit-scrollbar {
  display: none !important;
}

.blog-category-filter-icon {
  color: #64748B !important;
  flex-shrink: 0 !important;
  margin-left: 4px !important;
  margin-right: 2px !important;
}

.blog-cat-btn {
  white-space: nowrap !important;
  cursor: pointer !important;
  color: #475569 !important;
  background-color: #F1F5F9 !important;
  border: none !important;
  border-radius: 12px !important;
  flex-shrink: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 8px 16px !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.blog-cat-btn:hover {
  color: #0F172A !important;
  background-color: #E2E8F0 !important;
}

.blog-cat-btn.active {
  color: #FFFFFF !important;
  background: linear-gradient(135deg, #FF6600 0%, #FF8533 100%) !important;
  box-shadow: 0 4px 14px rgba(255, 102, 0, 0.35) !important;
}

.blog-cat-count {
  background-color: rgba(0, 0, 0, 0.08) !important;
  border-radius: 9999px !important;
  padding: 2px 7px !important;
  font-size: 0.7rem !important;
  font-weight: 800 !important;
}

.blog-cat-btn.active .blog-cat-count {
  color: #FFFFFF !important;
  background-color: rgba(255, 255, 255, 0.28) !important;
}

@media (max-width: 768px) {
  .blog-category-bar {
    padding: 7px 10px !important;
    gap: 6px !important;
    margin-bottom: 22px !important;
    border-radius: 14px !important;
  }
  .blog-cat-btn {
    padding: 7px 13px !important;
    font-size: 0.75rem !important;
    border-radius: 10px !important;
  }
  .blog-featured-card {
    position: relative !important;
    margin-bottom: 24px !important;
  }
}


/* ========================================================
   GLOBAL MOBILE VIEWPORT LOCKDOWN - ZERO HORIZONTAL OVERFLOW
   ======================================================== */
html {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100vw !important;
  box-sizing: border-box !important;
}

body {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  box-sizing: border-box !important;
}

#root {
  overflow-x: hidden !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

*, *::before, *::after {
  box-sizing: border-box !important;
}

/* ========================================================
   BLOG RESPONSIVE OVERFLOW FIXES (TABLET & MOBILE)
   ======================================================== */
.blog-navbar {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.blog-navbar-inner {
  width: 100% !important;
  max-width: 1240px !important;
  box-sizing: border-box !important;
}

.blog-hero {
  width: 100% !important;
  max-width: 100% !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.blog-hero-content {
  width: 100% !important;
  max-width: 860px !important;
  box-sizing: border-box !important;
}

.blog-main {
  width: 100% !important;
  max-width: 1240px !important;
  box-sizing: border-box !important;
  overflow-x: hidden !important;
}

.blog-category-bar {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
}

.blog-featured-card {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}

.blog-featured-content {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.blog-featured-meta-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 10px !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}

.blog-card-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 10px !important;
  width: 100% !important;
  max-width: 100% !important;
}

@media (max-width: 768px) {
  /* Navbar fit on mobile */
  .blog-navbar-inner {
    height: 64px !important;
    padding: 0 12px !important;
    gap: 8px !important;
  }
  .blog-nav-left {
    gap: 8px !important;
    min-width: 0 !important;
    flex: 1 !important;
    overflow: hidden !important;
  }
  .blog-back-btn {
    padding: 7px 10px !important;
    flex-shrink: 0 !important;
  }
  .blog-back-btn span {
    display: none !important;
  }
  .blog-nav-divider {
    margin: 0 4px !important;
    flex-shrink: 0 !important;
  }
  .blog-nav-brand {
    gap: 8px !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .blog-brand-icon {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    flex-shrink: 0 !important;
  }
  .blog-brand-titles {
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .blog-brand-title {
    font-size: 0.88rem !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .blog-brand-subtitle {
    display: none !important;
  }
  .blog-nav-right {
    gap: 6px !important;
    flex-shrink: 0 !important;
  }
  .blog-nav-cta {
    padding: 8px 12px !important;
    flex-shrink: 0 !important;
  }
  .blog-nav-cta span {
    display: none !important;
  }
  .lang-switcher-capsule {
    padding: 2px 4px !important;
  }
  .lang-btn {
    padding: 4px 6px !important;
    font-size: 0.72rem !important;
  }

  /* Hero Section fit */
  .blog-hero {
    padding: 32px 14px 48px !important;
  }
  .blog-hero-badge {
    font-size: 0.68rem !important;
    padding: 4px 12px !important;
    margin-bottom: 14px !important;
  }
  .blog-hero-title {
    font-size: 1.45rem !important;
    line-height: 1.3 !important;
    margin-bottom: 12px !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  .blog-hero-desc {
    font-size: 0.82rem !important;
    line-height: 1.55 !important;
    margin-bottom: 22px !important;
    padding: 0 4px !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  .blog-search-container {
    width: 100% !important;
  }
  .blog-search-box {
    width: 100% !important;
  }
  .blog-search-input {
    font-size: 0.82rem !important;
    padding: 11px 40px 11px 38px !important;
  }
  .blog-search-icon {
    left: 12px !important;
    width: 16px !important;
    height: 16px !important;
  }

  /* Main & Category Bar */
  .blog-main {
    padding: 0 12px !important;
    margin-top: -20px !important;
  }
  .blog-category-bar {
    padding: 7px 10px !important;
    gap: 6px !important;
    margin-bottom: 20px !important;
    border-radius: 14px !important;
  }
  .blog-cat-btn {
    padding: 7px 13px !important;
    font-size: 0.74rem !important;
    border-radius: 10px !important;
  }

  /* Featured Article Card */
  .blog-featured-card {
    border-radius: 14px !important;
    margin-bottom: 20px !important;
    grid-template-columns: 1fr !important;
  }
  .blog-featured-image-wrap {
    height: 180px !important;
    min-height: 180px !important;
  }
  .blog-featured-content {
    padding: 16px 14px !important;
  }
  .blog-featured-meta-row {
    font-size: 0.7rem !important;
    gap: 4px 8px !important;
    margin-bottom: 10px !important;
  }
  .blog-featured-inline-category {
    font-size: 0.7rem !important;
  }
  .blog-featured-title {
    font-size: 1.15rem !important;
    line-height: 1.35 !important;
    margin-bottom: 10px !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
  .blog-featured-desc {
    font-size: 0.8rem !important;
    line-height: 1.55 !important;
    margin-bottom: 14px !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
  }
}

/* =========================================================
   LDP BLOG TEASER POLISH & CENTERED CTA (v12)
   ========================================================= */
.blog-teaser-section .text-center {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  margin-top: 48px !important;
  text-align: center !important;
}

.blog-teaser-section .btn-secondary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  padding: 15px 36px !important;
  border-radius: 9999px !important;
  background: #ffffff !important;
  color: #07172E !important;
  border: 1.5px solid #CBD5E1 !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  letter-spacing: 0.01em !important;
  box-shadow: 0 4px 16px rgba(7, 23, 46, 0.06), 0 1px 3px rgba(0, 0, 0, 0.04) !important;
  transition: all 0.28s cubic-bezier(0.16, 1, 0.3, 1) !important;
  cursor: pointer !important;
  margin: 0 auto !important;
  text-decoration: none !important;
}

.blog-teaser-section .btn-secondary:hover {
  background: #07172E !important;
  color: #ffffff !important;
  border-color: #07172E !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 14px 30px -4px rgba(7, 23, 46, 0.22) !important;
}

.blog-teaser-section .btn-secondary svg:last-child {
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.blog-teaser-section .btn-secondary:hover svg:last-child {
  transform: translateX(4px) !important;
}

/* Author name expansion to avoid awkward ellipsis truncation */
.blog-author-name {
  max-width: 230px !important;
  font-size: 0.82rem !important;
  color: #0F172A !important;
}

@media (max-width: 640px) {
  .blog-author-name {
    max-width: 180px !important;
  }
  .blog-teaser-section .btn-secondary {
    width: 100% !important;
    max-width: 360px !important;
    padding: 14px 24px !important;
    font-size: 0.9rem !important;
  }
}

/* Card hover elevation */
.blog-teaser-section .blog-card {
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.3s cubic-bezier(0.16, 1, 0.3, 1), border-color 0.3s ease !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 14px !important;
}

.blog-teaser-section .blog-card:hover {
  transform: translateY(-6px) !important;
  box-shadow: 0 20px 32px -10px rgba(11, 25, 44, 0.12), 0 8px 16px -6px rgba(11, 25, 44, 0.06) !important;
  border-color: #CBD5E1 !important;
}

.blog-teaser-section .blog-card:hover .blog-card-title {
  color: #FF6600 !important;
}

.blog-teaser-section .blog-card-title {
  transition: color 0.2s ease !important;
}



/* =========================================================
   LDP BLOG TYPOGRAPHY & DESIGN EXCELLENCE (v13)
   ========================================================= */

/* --- Reading container & article width --- */
.blog-reader {
  max-width: 840px !important;
  margin: 0 auto !important;
  padding: 44px 24px 64px !important;
  box-sizing: border-box !important;
}

.blog-reader-title {
  font-family: var(--font-display, "Outfit", sans-serif) !important;
  font-size: clamp(1.85rem, 3.8vw, 2.5rem) !important;
  font-weight: 800 !important;
  line-height: 1.26 !important;
  color: #07172E !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 24px !important;
  word-break: break-word !important;
}

/* --- Executive Summary Callout --- */
.blog-summary-callout {
  background: linear-gradient(135deg, #F0F7FF 0%, #F8FAFC 100%) !important;
  border: 1px solid #BAE6FD !important;
  border-left: 5px solid #0F52BA !important;
  border-radius: 14px !important;
  padding: 22px 26px !important;
  margin-bottom: 36px !important;
  box-shadow: 0 4px 16px rgba(15, 82, 186, 0.06) !important;
}

.blog-summary-callout strong {
  font-family: var(--font-display, "Outfit", sans-serif) !important;
  color: #0F52BA !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  font-size: 0.88rem !important;
  font-weight: 800 !important;
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.blog-summary-callout p {
  color: #1E293B !important;
  margin: 0 !important;
  font-size: 1.02rem !important;
  line-height: 1.78 !important;
}

/* --- Article Body Typography --- */
.blog-content-body,
.blog-wysiwyg-content {
  font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 1.05rem !important;
  line-height: 1.88 !important;
  color: #334155 !important;
  letter-spacing: 0.005em !important;
}

.blog-content-body p,
.blog-content-p {
  margin: 0 0 20px !important;
  line-height: 1.88 !important;
  font-size: 1.05rem !important;
  color: #334155 !important;
}

.blog-content-body strong,
.blog-content-p strong {
  color: #0F172A !important;
  font-weight: 700 !important;
}

.blog-content-body em,
.blog-content-p em {
  color: #475569 !important;
  font-style: italic !important;
}

/* --- Headings within Article Body --- */
.blog-heading-h1,
.blog-content-body h1 {
  font-family: var(--font-display, "Outfit", sans-serif) !important;
  font-size: clamp(1.8rem, 3.5vw, 2.3rem) !important;
  font-weight: 800 !important;
  color: #07172E !important;
  margin: 44px 0 20px !important;
  line-height: 1.25 !important;
  letter-spacing: -0.02em !important;
}

.blog-heading-h2,
.blog-content-body h2 {
  font-family: var(--font-display, "Outfit", sans-serif) !important;
  font-size: clamp(1.45rem, 2.8vw, 1.85rem) !important;
  font-weight: 800 !important;
  color: #07172E !important;
  margin: 42px 0 18px !important;
  border-bottom: 2px solid #E2E8F0 !important;
  padding-bottom: 10px !important;
  line-height: 1.32 !important;
  letter-spacing: -0.015em !important;
}

.blog-heading-h3,
.blog-content-body h3 {
  font-family: var(--font-display, "Outfit", sans-serif) !important;
  font-size: clamp(1.22rem, 2.2vw, 1.45rem) !important;
  font-weight: 800 !important;
  color: #0B192C !important;
  margin: 36px 0 14px !important;
  line-height: 1.38 !important;
  border-bottom: 1.5px solid #F1F5F9 !important;
  padding-bottom: 8px !important;
}

.blog-heading-h4,
.blog-content-body h4 {
  font-family: var(--font-display, "Outfit", sans-serif) !important;
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: #0F172A !important;
  margin: 28px 0 12px !important;
}

/* --- Lists (Ordered and Unordered) --- */
.blog-ordered-list,
.blog-content-body ol {
  margin: 18px 0 24px !important;
  padding-left: 28px !important;
  list-style-type: decimal !important;
}

.blog-unordered-list,
.blog-content-body ul {
  margin: 18px 0 24px !important;
  padding-left: 28px !important;
  list-style-type: disc !important;
}

.blog-content-body li,
.blog-ordered-list li,
.blog-unordered-list li {
  margin-bottom: 10px !important;
  line-height: 1.8 !important;
  color: #334155 !important;
  font-size: 1.02rem !important;
}

.blog-content-body li strong {
  color: #0F172A !important;
  font-weight: 700 !important;
}

/* --- Engineering Blockquotes --- */
.blog-blockquote,
.blog-content-body blockquote {
  border-left: 4px solid #FF6600 !important;
  background: #FFF7ED !important;
  color: #9A3412 !important;
  padding: 18px 24px !important;
  margin: 28px 0 !important;
  border-radius: 0 12px 12px 0 !important;
  font-style: italic !important;
  line-height: 1.78 !important;
  box-shadow: 0 4px 16px rgba(255, 102, 0, 0.08) !important;
  font-size: 1.02rem !important;
}

.blog-blockquote strong,
.blog-content-body blockquote strong {
  color: #C2410C !important;
  font-style: normal !important;
}

/* --- Engineering Tables --- */
.blog-table-container {
  margin: 28px 0 !important;
  border-radius: 12px !important;
  border: 1.5px solid #E2E8F0 !important;
  overflow-x: auto !important;
  box-shadow: 0 4px 20px rgba(15, 82, 186, 0.06) !important;
  background-color: #ffffff !important;
}

.blog-table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-size: 0.92rem !important;
  text-align: left !important;
}

.blog-table th {
  background: linear-gradient(135deg, #07172E 0%, #0F2038 100%) !important;
  color: #ffffff !important;
  padding: 14px 18px !important;
  font-family: var(--font-display, "Outfit", sans-serif) !important;
  font-weight: 700 !important;
  border: 1px solid #1E293B !important;
  border-bottom: 3px solid #FF6600 !important;
  font-size: 0.88rem !important;
  letter-spacing: 0.02em !important;
}

.blog-table td {
  padding: 13px 18px !important;
  border: 1px solid #E2E8F0 !important;
  color: #334155 !important;
  line-height: 1.6 !important;
  vertical-align: top !important;
}

.blog-table tr:nth-child(even) td {
  background-color: #F8FAFC !important;
}

.blog-table tr:hover td {
  background-color: #F1F5F9 !important;
}

/* --- Figures and Images --- */
.blog-content-figure {
  margin: 32px 0 !important;
  text-align: center !important;
}

.blog-content-img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
  border: 1px solid #E2E8F0 !important;
  display: inline-block !important;
}

.blog-content-caption {
  font-size: 0.82rem !important;
  color: #64748B !important;
  margin-top: 8px !important;
  font-style: italic !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

/* --- Section Dividers --- */
.blog-divider {
  border: none !important;
  border-top: 1.5px solid #E2E8F0 !important;
  margin: 36px 0 !important;
}

/* --- Cards and Excerpts in Blog Listing --- */
.blog-card-title {
  font-family: var(--font-display, "Outfit", sans-serif) !important;
  font-size: 1.15rem !important;
  font-weight: 800 !important;
  line-height: 1.42 !important;
  color: #07172E !important;
  margin-bottom: 12px !important;
  transition: color 0.2s ease !important;
  word-break: break-word !important;
}

.blog-card:hover .blog-card-title {
  color: #FF6600 !important;
}

.blog-card-desc,
.blog-card-summary {
  font-size: 0.88rem !important;
  line-height: 1.62 !important;
  color: #475569 !important;
  margin-bottom: 18px !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 3 !important;
  line-clamp: 3 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.blog-featured-title {
  font-family: var(--font-display, "Outfit", sans-serif) !important;
  font-size: clamp(1.4rem, 2.8vw, 1.95rem) !important;
  font-weight: 800 !important;
  line-height: 1.32 !important;
  color: #07172E !important;
  margin-bottom: 14px !important;
}

.blog-featured-desc {
  font-size: 0.96rem !important;
  line-height: 1.72 !important;
  color: #475569 !important;
  margin-bottom: 20px !important;
}

.blog-card-author-name {
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: #1E293B !important;
}

.blog-card-meta {
  color: #64748B !important;
  font-size: 0.8rem !important;
}

@media (max-width: 640px) {
  .blog-reader {
    padding: 20px 16px 48px !important;
  }
  .blog-reader-title {
    font-size: 1.5rem !important;
    line-height: 1.28 !important;
  }
  .blog-content-body,
  .blog-content-body p,
  .blog-content-p {
    font-size: 0.98rem !important;
    line-height: 1.8 !important;
  }
}

/* --- ZEN MODE & WRITING ENHANCEMENTS --- */
.article-editor-split.zen-mode{grid-template-columns:1fr !important;}
.article-editor-split.zen-mode .article-editor-right{display:none !important;}
.article-editor-split.zen-mode .article-editor-left{max-width:960px;margin:0 auto;width:100%;border-right:none;box-shadow:0 0 50px rgba(0,0,0,0.06);background:#ffffff;padding:28px 36px;}
.article-editor-zen-toggle{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:8px;padding:6px 12px;font-size:0.78rem;font-weight:600;color:#475569;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all 0.15s;}
.article-editor-zen-toggle:hover,.article-editor-zen-toggle.active{color:#ff6600;border-color:#ff6600;background:#fff7ed;}
.article-editor-draft-status{font-size:0.72rem;color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:20px;padding:3px 10px;display:inline-flex;align-items:center;gap:6px;font-weight:600;}
.article-editor-word-count-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#f8fafc;border:1px solid #cbd5e1;border-top:none;border-radius:0 0 10px 10px;font-size:0.74rem;color:#64748b;flex-wrap:wrap;gap:8px;}
.article-editor-word-count-item{display:inline-flex;align-items:center;gap:5px;font-weight:600;color:#334155;}
.article-editor-draft-banner{background:#fff7ed;border:1.5px solid #fed7aa;border-radius:10px;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px;box-shadow:0 2px 8px rgba(255,102,0,0.08);}
.article-editor-draft-banner-text{font-size:0.8rem;color:#9a3412;display:flex;align-items:center;gap:8px;}
.article-editor-draft-banner-actions{display:flex;align-items:center;gap:8px;}
.article-editor-draft-banner-btn{border:none;background:#ff6600;color:#ffffff;border-radius:6px;padding:5px 12px;font-size:0.75rem;font-weight:700;cursor:pointer;transition:all 0.15s;}
.article-editor-draft-banner-btn:hover{background:#ea580c;}
.article-editor-draft-banner-discard{border:1px solid #fdba74;background:#ffffff;color:#c2410c;border-radius:6px;padding:4px 10px;font-size:0.75rem;font-weight:600;cursor:pointer;}
.article-editor-draft-banner-discard:hover{background:#ffedd5;}


/* ========================================================
   LDP TECHNICAL CONSULTANT - ENTERPRISE MODERN UI OVERHAUL
   Precision Orange (#FF6600) & Deep Navy (#07172E) Design System
   ======================================================== */

/* --- Scoped Dark Login Aesthetics --- */
.admin-login-card .admin-label {
  color: #cbd5e1 !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}
.admin-login-card .admin-input {
  color: #ffffff !important;
  background-color: #040e1c !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}
.admin-login-card .admin-input:focus {
  background-color: #06152b !important;
  border-color: #ff6600 !important;
  box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.25) !important;
}
.admin-login-card .admin-eye-btn {
  color: #64748b !important;
}
.admin-login-card .admin-eye-btn:hover {
  color: #ffffff !important;
}

/* --- Universal High-Contrast Labels for All Portals & Modals --- */
.admin-modal-card .admin-label,
.article-editor-left .admin-label,
.admin-form-group .admin-label {
  color: #1e293b !important;
  font-weight: 700 !important;
  font-size: 0.76rem !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 6px !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
}

/* --- Crisp Modern Inputs & Textareas in Dashboard & Modals --- */
.admin-modal-card .admin-input,
.article-editor-left .admin-input,
.admin-form-group .admin-input {
  background-color: #ffffff !important;
  color: #0f172a !important;
  border: 1.5px solid #cbd5e1 !important;
  border-radius: 10px !important;
  font-size: 0.88rem !important;
  line-height: 1.5 !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

.admin-modal-card .admin-input:focus,
.article-editor-left .admin-input:focus,
.admin-form-group .admin-input:focus {
  background-color: #ffffff !important;
  border-color: #ff6600 !important;
  box-shadow: 0 0 0 3.5px rgba(255, 102, 0, 0.15) !important;
  outline: none !important;
}

.admin-modal-card .admin-input::placeholder,
.article-editor-left .admin-input::placeholder,
.admin-form-group .admin-input::placeholder {
  color: #94a3b8 !important;
  opacity: 1 !important;
}

/* Excerpt / Summary Textarea */
textarea.admin-input,
.article-editor-left textarea {
  font-family: 'Plus Jakarta Sans', system-ui, sans-serif !important;
  font-size: 0.88rem !important;
  line-height: 1.6 !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  min-height: 70px !important;
}

/* Eye Password Toggle Button */
.admin-eye-btn {
  color: #64748b !important;
  padding: 6px !important;
  transition: color 0.15s ease !important;
}
.admin-eye-btn:hover {
  color: #ff6600 !important;
}

/* --- Article Editor Enhancements --- */
.article-editor-title-input {
  font-family: var(--font-display, 'Outfit', 'Plus Jakarta Sans', sans-serif) !important;
  font-size: 1.55rem !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  letter-spacing: -0.02em !important;
  padding: 10px 0 !important;
  border-bottom: 2.5px solid #e2e8f0 !important;
}
.article-editor-title-input:focus {
  border-bottom-color: #ff6600 !important;
}
.article-editor-title-input::placeholder {
  color: #94a3b8 !important;
  font-weight: 500 !important;
  font-size: 1.35rem !important;
}

/* Article Editor Left Column */
.article-editor-left {
  background: #f8fafc !important;
  border-right: 1.5px solid #e2e8f0 !important;
  padding: 24px 22px !important;
}

/* Custom Category & Custom Author Inputs */
.article-editor-left .admin-input {
  margin-top: 4px;
}

/* Document Import Box */
.article-import-doc-box {
  background: linear-gradient(135deg, #ffffff 0%, #f0f9ff 100%) !important;
  border: 1.5px dashed #38bdf8 !important;
  box-shadow: 0 2px 8px rgba(56, 189, 248, 0.08) !important;
}

/* Cover Preset Cards */
.admin-cover-preset-card {
  border-radius: 10px !important;
  overflow: hidden !important;
  border: 2px solid #e2e8f0 !important;
  background: #f1f5f9 !important;
}
.admin-cover-preset-card.active {
  border: 2.5px solid #ff6600 !important;
  box-shadow: 0 0 0 3.5px rgba(255, 102, 0, 0.22), 0 4px 12px rgba(255, 102, 0, 0.15) !important;
}
.admin-cover-preset-label {
  background: linear-gradient(180deg, rgba(7, 23, 46, 0.7) 0%, rgba(7, 23, 46, 0.95) 100%) !important;
  font-size: 0.68rem !important;
  font-weight: 700 !important;
}

/* --- User Management Modal Enhancements --- */
.admin-modal-overlay {
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px) !important;
  background: rgba(15, 23, 42, 0.55) !important;
}

.admin-modal-card {
  border-radius: 20px !important;
  padding: 28px 30px !important;
  box-shadow: 0 24px 50px -12px rgba(15, 23, 42, 0.2), 0 0 0 1px rgba(226, 232, 240, 0.8) !important;
  border: 1px solid #e2e8f0 !important;
}

.admin-modal-title {
  font-family: var(--font-display, "Outfit", sans-serif) !important;
  color: #0f172a !important;
  font-size: 1.25rem !important;
  font-weight: 800 !important;
}

.admin-modal-close {
  background: #f1f5f9 !important;
  color: #64748b !important;
  border-radius: 50% !important;
  width: 32px !important;
  height: 32px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.admin-modal-close:hover {
  background: #fee2e2 !important;
  color: #dc2626 !important;
}

/* User Role Cards in Modal */
.admin-role-selector-card {
  background: #ffffff !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04) !important;
}
.admin-role-selector-card:hover {
  background: #f8fafc !important;
  border-color: #cbd5e1 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05) !important;
}
.admin-role-selector-card .admin-role-card-title {
  color: #0f172a !important;
  font-weight: 700 !important;
}
.admin-role-selector-card .admin-role-card-desc {
  color: #475569 !important;
}
.admin-role-selector-card .admin-role-card-desc strong {
  color: #0f172a !important;
}

/* Active Author (Precision Orange) */
.admin-role-selector-card.active {
  background: #fff7ed !important;
  border: 2px solid #ff6600 !important;
  box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.16), 0 4px 14px rgba(255, 102, 0, 0.1) !important;
}
.admin-role-selector-card.active .admin-role-card-title {
  color: #9a3412 !important;
}
.admin-role-selector-card.active .admin-role-card-desc {
  color: #7c2d12 !important;
}
.admin-role-selector-card.active .admin-role-card-desc strong {
  color: #9a3412 !important;
}

/* Active Super Admin (Engineering Blue) */
.admin-role-selector-card.active.blue {
  background: #eff6ff !important;
  border: 2px solid #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.16), 0 4px 14px rgba(59, 130, 246, 0.1) !important;
}
.admin-role-selector-card.active.blue .admin-role-card-title {
  color: #1e40af !important;
}
.admin-role-selector-card.active.blue .admin-role-card-desc {
  color: #1e3a8a !important;
}
.admin-role-selector-card.active.blue .admin-role-card-desc strong {
  color: #1e40af !important;
}

/* Photo Upload Box & Avatar Presets */
.admin-photo-upload-box {
  background: #f8fafc !important;
  border: 1.5px dashed #cbd5e1 !important;
}
.admin-photo-upload-box:hover {
  background: #fff7ed !important;
  border-color: #ff6600 !important;
}
.admin-avatar-preview-wrap {
  background: #f1f5f9 !important;
  border: 2.5px solid #ff6600 !important;
  box-shadow: 0 4px 12px rgba(255, 102, 0, 0.18) !important;
}
.admin-avatar-preset-btn {
  background: #ffffff !important;
  border: 2px solid #e2e8f0 !important;
}
.admin-avatar-preset-btn:hover {
  border-color: #ff6600 !important;
  box-shadow: 0 4px 12px rgba(255, 102, 0, 0.2) !important;
}
.admin-avatar-preset-btn.active {
  border-color: #ff6600 !important;
  box-shadow: 0 0 0 3px rgba(255, 102, 0, 0.25) !important;
}

/* Clean Form Helper Notes */
.admin-modal-card span[style*="color:#94A3B8"],
.admin-modal-card span[style*="color: #94A3B8"],
.admin-modal-card div[style*="color:#94A3B8"],
.admin-modal-card div[style*="color: #94A3B8"] {
  color: #64748b !important;
  font-weight: 500 !important;
}

/* Accessibility & WCAG Contrast Enhancements (Audit 2026) */
.text-slate-400 {
  color: #64748b !important;
}
.blog-cat-btn {
  min-height: 40px !important;
  touch-action: manipulation !important;
}
.blog-cat-btn.active {
  background-color: #0b192c !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(11, 25, 44, 0.25) !important;
}
/* Reading Progress Bar Container */
#reading-progress-bar {
  position: fixed;
  top: 0;
  left: 0;
  height: 3px;
  background: linear-gradient(90deg, #ff6600 0%, #ff8533 50%, #007acc 100%);
  width: 0%;
  z-index: 999999;
  transition: width 0.1s ease-out;
  pointer-events: none;
}