/* KBK Active — Critical CSS (Above-the-fold only) */
:root{--color-primary-900:#060e1a;--color-primary-800:#0a1628;--color-primary-700:#0f1f36;--color-primary-600:#142b48;--color-primary-500:#1a3a5c;--color-primary-400:#2a5280;--color-primary-300:#4a7ab5;--color-primary-200:#8ab0d6;--color-primary-100:#c5d9ed;--color-primary-50:#eaf1f9;--color-secondary-900:#7a6120;--color-secondary-800:#9e7d2a;--color-secondary-700:#b89230;--color-secondary-600:#c8a84e;--color-secondary-500:#d4b66a;--color-secondary-400:#dec888;--color-secondary-300:#e8d6a5;--color-secondary-200:#f1e6c5;--color-secondary-100:#f8f2e0;--color-secondary-50:#fcf9f0;--color-accent-500:#158585;--color-accent-400:#1a9a9a;--color-neutral-900:#0a0a0b;--color-neutral-800:#1a1a1d;--color-neutral-700:#2d2d32;--color-neutral-600:#4a4a52;--color-neutral-500:#6b6b75;--color-neutral-400:#8f8f99;--color-neutral-300:#b3b3bc;--color-neutral-200:#d1d1d8;--color-neutral-100:#e8e8ec;--color-neutral-50:#f5f5f7;--color-neutral-25:#fafafb;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-white:#ffffff;--color-black:#000000;--font-heading:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--leading-tight:1.15;--leading-snug:1.3;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--container-max:1280px;--gutter:var(--space-6);--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px rgba(10,22,40,.05);--shadow-sm:0 1px 3px rgba(10,22,40,.08),0 1px 2px rgba(10,22,40,.04);--shadow-md:0 4px 6px rgba(10,22,40,.07),0 2px 4px rgba(10,22,40,.04);--shadow-lg:0 10px 15px rgba(10,22,40,.08),0 4px 6px rgba(10,22,40,.04);--shadow-xl:0 20px 25px rgba(10,22,40,.1),0 10px 10px rgba(10,22,40,.04);--shadow-2xl:0 25px 50px rgba(10,22,40,.12);--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--z-fixed:300;--z-modal:500;--z-toast:600}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:100%;-webkit-text-size-adjust:100%;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-neutral-800);background-color:var(--color-white);overflow-x:hidden}
img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}
input,button,textarea,select{font:inherit;color:inherit}
button{cursor:pointer;border:none;background:none}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:var(--leading-tight);color:var(--color-primary-800);overflow-wrap:break-word}
.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}
@media(min-width:768px){:root{--gutter:var(--space-8)}}
@media(min-width:1024px){:root{--gutter:var(--space-12)}}
.skip-link{position:absolute;top:-100%;left:0;background:var(--color-primary-800);color:var(--color-white);padding:var(--space-3) var(--space-4);z-index:9999;font-size:var(--text-sm);transition:top var(--transition-fast)}
.skip-link:focus{top:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.75rem 1.75rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);line-height:1;border-radius:var(--radius-md);transition:all var(--transition-base);text-align:center;white-space:nowrap;user-select:none;position:relative;overflow:hidden}
.btn:focus-visible{outline:2px solid var(--color-primary-400);outline-offset:2px}
.btn-primary{background-color:var(--color-primary-800);color:var(--color-white);border:2px solid var(--color-primary-800)}
.btn-primary:hover{background-color:var(--color-primary-700);border-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-secondary{background-color:var(--color-secondary-500);color:var(--color-primary-900);border:2px solid var(--color-secondary-500)}
.btn-secondary:hover{background-color:var(--color-secondary-600);border-color:var(--color-secondary-600);transform:translateY(-1px)}
.btn-outline{background-color:transparent;color:var(--color-primary-800);border:2px solid var(--color-primary-800)}
.btn-outline:hover{background-color:var(--color-primary-800);color:var(--color-white);transform:translateY(-1px)}
.btn-outline-light{background-color:transparent;color:var(--color-white);border:2px solid rgba(255,255,255,.4)}
.btn-outline-light:hover{background-color:var(--color-white);color:var(--color-primary-800);border-color:var(--color-white)}
.btn-ghost{background-color:transparent;color:var(--color-primary-800);border:2px solid transparent}
.btn-ghost:hover{background-color:var(--color-primary-50)}
.btn-sm{padding:.5rem 1.25rem;font-size:var(--text-xs)}
.btn-lg{padding:1rem 2.25rem;font-size:var(--text-base)}
.btn-block{width:100%}
.btn:disabled,.btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}
.navbar{position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);background-color:transparent;transition:all var(--transition-base)}
.navbar.scrolled{background-color:rgba(255,255,255,.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-neutral-100);box-shadow:var(--shadow-lg)}
.navbar-inner{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--gutter)}
@media(min-width:1024px){.navbar-inner{height:80px}}
.navbar-logo{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}
.navbar-logo-img{height:36px;width:auto;transition:all var(--transition-base)}
.navbar-logo-text{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--color-white);transition:color var(--transition-base)}
.navbar.scrolled .navbar-logo-text{color:var(--color-primary-800)}
@media(min-width:1024px){.navbar-logo-img{height:40px}.navbar-logo-text{font-size:var(--text-xl)}}
.navbar-links{display:none;align-items:center;gap:var(--space-1)}
@media(min-width:1024px){.navbar-links{display:flex}}
.navbar-link{position:relative;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:rgba(255,255,255,.8);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}
.navbar-link:hover{color:var(--color-white);background-color:rgba(255,255,255,.1)}
.navbar-link.active{color:var(--color-white);font-weight:var(--font-weight-semibold)}
.navbar.scrolled .navbar-link{color:var(--color-neutral-600)}
.navbar.scrolled .navbar-link:hover{color:var(--color-primary-800);background-color:var(--color-primary-50)}
.navbar.scrolled .navbar-link.active{color:var(--color-primary-800)}
.navbar-chevron{display:inline-block;margin-left:2px;transition:transform var(--transition-fast);vertical-align:middle}
.navbar-dropdown:hover .navbar-chevron{transform:rotate(180deg)}
.navbar-lang{position:relative}
.navbar-lang-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:rgba(255,255,255,.7);transition:color var(--transition-fast);text-transform:uppercase;letter-spacing:var(--tracking-wide)}
.navbar-lang-btn:hover{color:var(--color-white)}
.navbar.scrolled .navbar-lang-btn{color:var(--color-neutral-400)}
.navbar.scrolled .navbar-lang-btn:hover{color:var(--color-primary-800)}
.navbar-actions{display:flex;align-items:center;gap:var(--space-3)}
.navbar-account-link{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);color:rgba(255,255,255,.8);text-decoration:none;transition:color var(--transition-fast);border-radius:var(--radius-md)}
.navbar-account-link:hover{color:var(--color-white)}
.navbar.scrolled .navbar-account-link{color:var(--color-neutral-500)}
.navbar.scrolled .navbar-account-link:hover{color:var(--color-primary-800)}
.navbar-dropdown{position:relative}
.mega-menu{position:absolute;top:100%;left:-200px;background-color:var(--color-white);border:1px solid var(--color-neutral-100);border-radius:var(--radius-lg);box-shadow:var(--shadow-2xl);padding:var(--space-6);min-width:640px;opacity:0;visibility:hidden;transform:translateY(8px);transition:all var(--transition-base);pointer-events:none}
.navbar-dropdown:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.mega-menu-inner{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
.mega-column-title{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-neutral-400);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-neutral-100)}
.mega-links{display:flex;flex-direction:column;gap:var(--space-1)}
.mega-link{display:block;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}
.mega-link:hover{background-color:var(--color-primary-50)}
.mega-link-label{display:block;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary-800)}
.mega-link-desc{display:block;font-size:var(--text-xs);color:var(--color-neutral-400);margin-top:1px}
.navbar-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer}
.navbar-toggle:hover{background-color:rgba(255,255,255,.1)}
.navbar.scrolled .navbar-toggle:hover{background-color:var(--color-primary-50)}
.navbar-toggle-bar{display:block;width:20px;height:2px;background-color:var(--color-white);border-radius:1px;transition:all var(--transition-base)}
.navbar.scrolled .navbar-toggle-bar{background-color:var(--color-neutral-700)}
.navbar-toggle-bar+.navbar-toggle-bar{margin-top:5px}
.navbar-toggle.active .navbar-toggle-bar:nth-child(1){transform:translateY(7px) rotate(45deg)}
.navbar-toggle.active .navbar-toggle-bar:nth-child(2){opacity:0}
.navbar-toggle.active .navbar-toggle-bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(max-width:1023px){.navbar-toggle{display:flex}.navbar-links{position:fixed;top:72px;left:0;right:0;display:flex;flex-direction:column;background-color:var(--color-white);border-bottom:1px solid var(--color-neutral-100);padding:var(--space-4);gap:var(--space-1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-lg);max-height:calc(100vh - 72px);overflow-y:auto}.navbar-links.open{transform:translateY(0);opacity:1;visibility:visible}.navbar-link{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-neutral-700)}.navbar-link:hover{background-color:var(--color-primary-50);color:var(--color-primary-800)}.navbar-link.active{color:var(--color-primary-800)}.navbar-actions .btn{display:none}.navbar-dropdown-toggle{display:flex;align-items:center;justify-content:space-between}.navbar-dropdown{position:static}.navbar-dropdown .mega-menu{display:block;position:static;box-shadow:none;border:none;padding:0;min-width:auto;width:100%;max-width:100%;opacity:1;visibility:visible;transform:none;pointer-events:auto;background:transparent;transition:none;max-height:0;overflow:hidden}.mega-menu-inner{grid-template-columns:1fr;gap:var(--space-2);padding:var(--space-1) 0 var(--space-1) var(--space-4);border-left:2px solid var(--color-primary-100)}.navbar-lang{display:none}}
.mobile-overlay{position:fixed;inset:0;z-index:299;background-color:rgba(10,22,40,.5);opacity:0;visibility:hidden;transition:all var(--transition-base)}
.mobile-overlay.active{opacity:1;visibility:visible}
.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);transition:all var(--transition-fast);color:rgba(255,255,255,.8)}
.theme-toggle-btn:hover{background-color:rgba(255,255,255,.1);color:var(--color-white)}
.navbar.scrolled .theme-toggle-btn{color:var(--color-neutral-500)}
.navbar.scrolled .theme-toggle-btn:hover{background-color:var(--color-primary-50);color:var(--color-primary-800)}
.hidden-mobile{display:none}
@media(min-width:1024px){.hidden-mobile{display:inline-flex}}
.maintenance-banner{background:var(--color-warning);color:var(--color-black);text-align:center;padding:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}
@media(min-width:1024px){.navbar-toggle{display:none !important}}