:root{--font-heading:"Poppins",sans-serif;--font-body:"Inter",sans-serif;--font-accent:"Montserrat",sans-serif;--primary-text:#1c2c3e;--primary-icon:#8b7228;--accent-violet:#2d4156;--accent-orange:#c4a24a;--neutral-white:#f2efe6;--neutral-dark:#111a24;--neutral-light:#f7f5ef;--bg-primary:#f7f5ef;--bg-secondary:#eae7de;--bg-card:#ffffff;--bg-input:#ffffff;--bg-hover:rgba(139,114,40,0.06);--text-primary:#1c2c3e;--text-secondary:#4a5568;--text-muted:#718096;--text-accent:#8b7228;--border-color:#d4d0c8;--border-focus:#8b7228;--gradient-tech:linear-gradient(135deg,var(--primary-icon),var(--accent-violet));--gradient-focus:linear-gradient(135deg,var(--accent-orange),var(--primary-icon));--shadow-dark:rgba(28,44,62,0.10);--shadow-light:rgba(242,239,230,0.15);--rgba-primary:rgba(139,114,40,0.80);--rgba-accent:rgba(45,65,86,0.12);--rgba-orange:rgba(196,162,74,0.15);--rgba-dark:rgba(17,26,36,0.85);--rgba-light:rgba(242,239,230,0.95);--color-success:#16a34a;--color-warning:#d97706;--color-error:#dc2626;--color-info:#2563eb;--bp-2xs:320px;--bp-xs:375px;--bp-sm:480px;--bp-md:640px;--bp-lg:768px;--bp-xl:1024px;--bp-2xl:1280px;--bp-3xl:1440px;--bp-4xl:1920px;--bp-5xl:2560px;--container-xs:100%;--container-sm:540px;--container-md:720px;--container-lg:960px;--container-xl:1200px;--container-2xl:1400px;--container-3xl:1600px;--container-4xl:1920px;--space-3xs:clamp(0.125rem,0.1rem + 0.1vw,0.1875rem);--space-2xs:clamp(0.1875rem,0.15rem + 0.15vw,0.375rem);--space-xs:clamp(0.25rem,0.2rem + 0.25vw,0.5rem);--space-sm:clamp(0.5rem,0.4rem + 0.4vw,0.75rem);--space-md:clamp(0.75rem,0.6rem + 0.6vw,1.25rem);--space-lg:clamp(1rem,0.8rem + 0.8vw,1.75rem);--space-xl:clamp(1.25rem,1rem + 1vw,2.5rem);--space-2xl:clamp(1.5rem,1.2rem + 1.2vw,3rem);--space-3xl:clamp(2rem,1.5rem + 1.5vw,4rem);--space-4xl:clamp(2.5rem,2rem + 2vw,5rem);--space-5xl:clamp(3rem,2.5rem + 2.5vw,6rem);--text-2xs:clamp(0.625rem,0.575rem + 0.25vw,0.75rem);--text-xs:clamp(0.7rem,0.65rem + 0.25vw,0.8rem);--text-sm:clamp(0.8rem,0.75rem + 0.25vw,0.9rem);--text-base:clamp(0.9rem,0.85rem + 0.25vw,1rem);--text-lg:clamp(1rem,0.9rem + 0.5vw,1.25rem);--text-xl:clamp(1.15rem,1rem + 0.75vw,1.5rem);--text-2xl:clamp(1.4rem,1.1rem + 1.5vw,2rem);--text-3xl:clamp(1.75rem,1.25rem + 2.5vw,2.75rem);--text-4xl:clamp(2rem,1.5rem + 3vw,3.5rem);--text-5xl:clamp(2.5rem,2rem + 3.5vw,4.5rem);--grid-cols-mobile:1;--grid-cols-phablet:2;--grid-cols-tablet:2;--grid-cols-laptop:3;--grid-cols-desktop:3;--grid-cols-wide:4;--grid-cols-ultra:5;--grid-gap:clamp(0.5rem,1.5vw,1.5rem);--touch-min:44px;--touch-min-lg:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-out-expo:cubic-bezier(0.19,1,0.22,1);--ease-in-out-back:cubic-bezier(0.68,-0.55,0.27,1.55);--duration-instant:80ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:400ms;--duration-enter:500ms;--transition-fast:var(--duration-fast) var(--ease-out);--transition-normal:var(--duration-normal) var(--ease-out);--transition-slow:var(--duration-slow) var(--ease-out);--transition-spring:var(--duration-normal) var(--ease-spring);--z-base:0;--z-raised:10;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-tooltip:600}.dark-ui{--neutral-light:#0f1923;--bg-primary:#0f1923;--bg-secondary:#162030;--bg-card:#1a2840;--bg-input:#1e2d44;--bg-hover:rgba(196,162,74,0.08);--text-primary:#f0ede4;--text-secondary:#b8b0a0;--text-muted:#7a8a9e;--text-accent:#d4b44e;--border-color:rgba(45,65,86,0.50);--border-focus:#c4a24a;--shadow-dark:rgba(0,0,0,0.35);--shadow-light:rgba(242,239,230,0.05);--rgba-accent:rgba(45,65,86,0.40)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit;background:none;border:none;outline:none}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent-violet,#2d4156);outline-offset:2px;border-radius:3px}:focus:not(:focus-visible){outline:none}img,svg,video{display:block;max-width:100%;height:auto;border-style:none}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit;margin:0}a{color:inherit;text-decoration:none}ol,ul{list-style:none;padding:0}button,input,select,textarea{appearance:none;border-radius:0;background-color:transparent}table{border-collapse:collapse;border-spacing:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}