:root{--color-primary-50:#f7fae8;--color-primary-100:#ecf3c8;--color-primary-200:#dde9a0;--color-primary-300:#c9db72;--color-primary-400:#b5cd52;--color-primary-500:#a2bf49;--color-primary-600:#7a9436;--color-primary-700:#5c7029;--color-primary-800:#3d4a1b;--color-primary-900:#1f250e;--color-secondary-50:#e8eaf0;--color-secondary-100:#c5cbd9;--color-secondary-200:#9eaabf;--color-secondary-300:#7789a5;--color-secondary-400:#5a6e91;--color-secondary-500:#3d537d;--color-secondary-600:#354a70;--color-secondary-700:#2c3e5e;--color-secondary-800:#23324b;--color-secondary-900:#1a2538;--color-accent-50:#f3e8ff;--color-accent-100:#e4ccff;--color-accent-200:#d0aaff;--color-accent-300:#b87eff;--color-accent-400:#a855f7;--color-accent-500:#9333ea;--color-accent-600:#7c22ce;--color-accent-700:#651ba8;--color-accent-800:#4e1582;--color-accent-900:#370e5c;--color-tertiary-50:#fff8e6;--color-tertiary-100:#ffeeb3;--color-tertiary-200:#ffe380;--color-tertiary-300:#ffd84d;--color-tertiary-400:#ffcd1a;--color-tertiary-500:#e6b800;--color-tertiary-600:#b38f00;--color-tertiary-700:#806600;--color-tertiary-800:#4d3d00;--color-tertiary-900:#1a1400;--color-neutral-0:#ffffff;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-neutral-950:#020617;--color-success-50:#ecfdf5;--color-success-100:#d1fae5;--color-success-200:#a7f3d0;--color-success-300:#6ee7b7;--color-success-400:#34d399;--color-success-500:#10b981;--color-success-600:#059669;--color-success-700:#047857;--color-success-800:#065f46;--color-success-900:#064e3b;--color-error-50:#fff1f2;--color-error-100:#ffe4e6;--color-error-200:#fecdd3;--color-error-300:#fda4af;--color-error-400:#fb7185;--color-error-500:#f43f5e;--color-error-600:#e11d48;--color-error-700:#be123c;--color-error-800:#9f1239;--color-error-900:#881337;--color-warning-50:#fffbeb;--color-warning-100:#fef3c7;--color-warning-200:#fde68a;--color-warning-300:#fcd34d;--color-warning-400:#fbbf24;--color-warning-500:#f59e0b;--color-warning-600:#d97706;--color-warning-700:#b45309;--color-warning-800:#92400e;--color-warning-900:#78350f;--color-info-50:#f0f9ff;--color-info-100:#e0f2fe;--color-info-200:#bae6fd;--color-info-300:#7dd3fc;--color-info-400:#38bdf8;--color-info-500:#0ea5e9;--color-info-600:#0284c7;--color-info-700:#0369a1;--color-info-800:#075985;--color-info-900:#0c4a6e;--bg-primary:var(--color-neutral-0);--bg-secondary:var(--color-neutral-50);--bg-tertiary:var(--color-neutral-100);--bg-elevated:var(--color-neutral-0);--bg-overlay:rgba(15,23,42,0.5);--surface-default:var(--color-neutral-0);--surface-hover:var(--color-neutral-50);--surface-active:var(--color-neutral-100);--surface-disabled:var(--color-neutral-100);--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-600);--text-tertiary:var(--color-neutral-500);--text-disabled:var(--color-neutral-400);--text-inverse:var(--color-neutral-0);--text-brand:var(--color-primary-600);--border-default:var(--color-neutral-200);--border-hover:var(--color-neutral-300);--border-active:var(--color-primary-500);--border-focus:var(--color-primary-400);--border-error:var(--color-error-500);--shadow-xs:0 1px 2px 0 rgba(15,23,42,0.05);--shadow-sm:0 1px 3px 0 rgba(15,23,42,0.1),0 1px 2px -1px rgba(15,23,42,0.1);--shadow-md:0 4px 6px -1px rgba(15,23,42,0.1),0 2px 4px -2px rgba(15,23,42,0.1);--shadow-lg:0 10px 15px -3px rgba(15,23,42,0.1),0 4px 6px -4px rgba(15,23,42,0.1);--shadow-xl:0 20px 25px -5px rgba(15,23,42,0.1),0 8px 10px -6px rgba(15,23,42,0.1);--shadow-2xl:0 25px 50px -12px rgba(15,23,42,0.25);--shadow-inner:inset 0 2px 4px 0 rgba(15,23,42,0.05);--shadow-glow-primary:0 0 20px rgba(162,191,73,0.4);--shadow-glow-accent:0 0 20px rgba(147,51,234,0.4);--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-secondary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","SF Mono",Consolas,monospace;--font-display:"Inter",sans-serif;--text-xs:0.75rem;--text-sm:0.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;--text-8xl:6rem;--text-9xl:8rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-52:13rem;--space-56:14rem;--space-60:15rem;--space-64:16rem;--space-72:18rem;--space-80:20rem;--space-96:24rem;--radius-none:0;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--duration-instant:0ms;--duration-fast:100ms;--duration-normal:200ms;--duration-slow:300ms;--duration-slower:500ms;--duration-slowest:700ms;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--transition-colors:color var(--duration-normal) var(--ease-in-out),background-color var(--duration-normal) var(--ease-in-out),border-color var(--duration-normal) var(--ease-in-out);--transition-transform:transform var(--duration-normal) var(--ease-out);--transition-opacity:opacity var(--duration-normal) var(--ease-in-out);--transition-shadow:box-shadow var(--duration-normal) var(--ease-in-out);--transition-all:all var(--duration-normal) var(--ease-in-out);--z-hide:-1;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--container-full:100%;--grid-columns:12;--grid-gap:var(--space-6);--grid-gap-sm:var(--space-4);--grid-gap-lg:var(--space-8);--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px}.dark,[data-theme=dark]{--bg-primary:var(--color-neutral-950);--bg-secondary:var(--color-neutral-900);--bg-tertiary:var(--color-neutral-800);--bg-elevated:var(--color-neutral-900);--bg-overlay:rgba(0,0,0,0.7);--surface-default:var(--color-neutral-900);--surface-hover:var(--color-neutral-800);--surface-active:var(--color-neutral-700);--surface-disabled:var(--color-neutral-800);--text-primary:var(--color-neutral-100);--text-secondary:var(--color-neutral-400);--text-tertiary:var(--color-neutral-500);--text-disabled:var(--color-neutral-600);--text-inverse:var(--color-neutral-900);--text-brand:var(--color-primary-400);--border-default:var(--color-neutral-800);--border-hover:var(--color-neutral-700);--border-active:var(--color-primary-500);--border-focus:var(--color-primary-400);--border-error:var(--color-error-500);--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.4),0 1px 2px -1px rgba(0,0,0,0.4);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.4),0 2px 4px -2px rgba(0,0,0,0.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.4),0 4px 6px -4px rgba(0,0,0,0.4);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.4),0 8px 10px -6px rgba(0,0,0,0.4);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.7);--shadow-inner:inset 0 2px 4px 0 rgba(0,0,0,0.3);--shadow-glow-primary:0 0 30px rgba(162,191,73,0.5);--shadow-glow-accent:0 0 30px rgba(147,51,234,0.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-secondary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--duration-normal) var(--ease-in-out),color var(--duration-normal) var(--ease-in-out)}.heading-hero{font-family:var(--font-display);font-size:var(--text-6xl)}.heading-1,.heading-hero{font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.heading-1{font-family:var(--font-primary);font-size:var(--text-5xl)}.heading-2{font-size:var(--text-4xl);font-weight:var(--font-bold);line-height:var(--leading-tight)}.heading-2,.heading-3{font-family:var(--font-primary);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.heading-3{font-size:var(--text-3xl);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.heading-4{font-size:var(--text-2xl)}.heading-4,.heading-5{font-family:var(--font-primary);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-normal);color:var(--text-primary)}.heading-5{font-size:var(--text-xl)}.heading-6{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-snug);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-secondary)}.text-body-large{font-size:var(--text-lg)}.text-body,.text-body-large{font-family:var(--font-secondary);font-weight:var(--font-normal);line-height:var(--leading-relaxed);color:var(--text-secondary)}.text-body{font-size:var(--text-base)}.text-body-small{font-family:var(--font-secondary);font-size:var(--text-sm);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-tertiary)}.text-label{font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase}.text-caption,.text-label{font-family:var(--font-secondary);font-size:var(--text-xs);line-height:var(--leading-normal);color:var(--text-tertiary)}.text-caption{font-weight:var(--font-normal)}.text-brand{color:var(--color-primary-500)}.text-gradient{background:linear-gradient(135deg,var(--color-primary-400) 0,var(--color-accent-400) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-none);letter-spacing:var(--tracking-wide);text-decoration:none;text-transform:uppercase;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);position:relative;overflow:hidden;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-200)}.btn:disabled,.btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-xs{padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-md)}.btn-sm,.btn-xs{font-size:var(--text-xs)}.btn-sm{padding:var(--space-2) var(--space-4)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn-primary{background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);color:var(--color-neutral-900);border-color:transparent;box-shadow:var(--shadow-md)}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-400) 0,var(--color-primary-500) 100%);box-shadow:var(--shadow-lg),var(--shadow-glow-primary);transform:translateY(-2px)}.btn-primary:active{background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%);box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background:var(--surface-default);color:var(--text-primary);border-color:var(--border-default);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-secondary:active{background:var(--surface-active);box-shadow:var(--shadow-xs);transform:translateY(0)}.btn-outline{background:transparent;color:var(--color-primary-500);border-color:var(--color-primary-500)}.btn-outline:hover{background:var(--color-primary-500);color:var(--color-neutral-900);box-shadow:var(--shadow-glow-primary);transform:translateY(-2px)}.btn-outline:active{background:var(--color-primary-600);transform:translateY(0)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-ghost:active{background:var(--surface-active)}.btn-accent{background:linear-gradient(135deg,var(--color-accent-500) 0,var(--color-accent-600) 100%);color:var(--color-neutral-0);border-color:transparent;box-shadow:var(--shadow-md)}.btn-accent:hover{background:linear-gradient(135deg,var(--color-accent-400) 0,var(--color-accent-500) 100%);box-shadow:var(--shadow-lg),var(--shadow-glow-accent);transform:translateY(-2px)}.btn-link{background:transparent;color:var(--color-primary-500);border-color:transparent;padding:var(--space-1) var(--space-2);text-transform:none;font-weight:var(--font-medium)}.btn-link:hover{color:var(--color-primary-400);text-decoration:underline}.btn-icon{padding:var(--space-3)}.btn-icon svg{width:1.25rem;height:1.25rem}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;width:1rem;height:1rem;border:2px solid;border-right:2px solid transparent;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.card{background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;transition:var(--transition-all)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-elevated{box-shadow:var(--shadow-md);border:none}.card-elevated:hover{box-shadow:var(--shadow-xl)}.card-outlined{background:transparent;border:2px solid var(--border-default)}.card-outlined:hover{border-color:var(--color-primary-500)}.card-glass{background:rgba(255,255,255,.05);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.card-header{border-bottom:1px solid var(--border-default)}.card-body,.card-header{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-default);background:var(--bg-secondary)}.card-product{display:flex;flex-direction:column;background:var(--surface-default);border-radius:var(--radius-2xl);overflow:hidden;transition:var(--transition-all)}.card-product-image{position:relative;aspect-ratio:16/10;overflow:hidden}.card-product-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out)}.card-product:hover .card-product-image img{transform:scale(1.05)}.card-product-content{padding:var(--space-6);flex:1;display:flex;flex-direction:column}.card-product-badge{position:absolute;top:var(--space-4);left:var(--space-4)}.card-feature{padding:var(--space-8);text-align:center;background:var(--surface-default);border-radius:var(--radius-2xl);border:1px solid var(--border-default);transition:var(--transition-all)}.card-feature:hover{border-color:var(--color-primary-500);box-shadow:var(--shadow-glow-primary)}.card-feature-icon{width:4rem;height:4rem;margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);border-radius:var(--radius-xl);color:var(--color-neutral-900)}.card-feature-icon svg{width:2rem;height:2rem}.card-pricing{padding:var(--space-8);background:var(--surface-default);border-radius:var(--radius-2xl);border:2px solid var(--border-default);position:relative}.card-pricing-featured{border-color:var(--color-primary-500);box-shadow:var(--shadow-glow-primary)}.card-pricing-featured:before{content:"Most Popular";position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:var(--space-1) var(--space-4);background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);color:var(--color-neutral-900);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-radius:var(--radius-full)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-secondary);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:var(--transition-all)}.form-input::-moz-placeholder{color:var(--text-tertiary)}.form-input::placeholder{color:var(--text-tertiary)}.form-input:hover{border-color:var(--border-hover)}.form-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input:disabled{background:var(--surface-disabled);color:var(--text-disabled);cursor:not-allowed}.form-input.error{border-color:var(--color-error-500);background:var(--color-error-50)}.form-input.error:focus{box-shadow:0 0 0 3px var(--color-error-100)}.form-input-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.form-input-lg{padding:var(--space-4) var(--space-5);font-size:var(--text-lg)}.form-textarea{min-height:6rem;resize:vertical}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:1.25rem;padding-right:var(--space-10)}.form-checkbox,.form-radio{width:1.25rem;height:1.25rem;accent-color:var(--color-primary-500);cursor:pointer}.form-label{display:block;margin-bottom:var(--space-2);font-family:var(--font-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.form-label-required:after{content:" *";color:var(--color-error-500)}.form-helper{color:var(--text-tertiary)}.form-error,.form-helper{margin-top:var(--space-1-5);font-size:var(--text-sm)}.form-error{color:var(--color-error-500)}.form-group{margin-bottom:var(--space-4)}.input-group{position:relative}.input-group-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.input-group-icon~.form-input{padding-left:var(--space-10)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2-5);font-family:var(--font-secondary);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:var(--leading-none);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full);white-space:nowrap}.badge-primary{background:var(--color-primary-100);color:var(--color-primary-800)}.badge-secondary{background:var(--color-neutral-100);color:var(--color-neutral-700)}.badge-success{background:var(--color-success-100);color:var(--color-success-800)}.badge-error{background:var(--color-error-100);color:var(--color-error-800)}.badge-warning{background:var(--color-warning-100);color:var(--color-warning-800)}.badge-info{background:var(--color-info-100);color:var(--color-info-800)}.badge-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.badge-outline-primary{background:transparent;border:1px solid var(--color-primary-500);color:var(--color-primary-600)}.badge-outline-success{background:transparent;border:1px solid var(--color-success-500);color:var(--color-success-600)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1-5) var(--space-3);font-family:var(--font-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-none);background:var(--surface-hover);color:var(--text-secondary);border-radius:var(--radius-md);transition:var(--transition-all)}.tag:hover{background:var(--surface-active);color:var(--text-primary)}.tag-removable{padding-right:var(--space-2)}.tag-remove-btn{display:flex;align-items:center;justify-content:center;width:1rem;height:1rem;margin-left:var(--space-1);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-colors)}.tag-remove-btn:hover{background:var(--color-error-100);color:var(--color-error-600)}.nav-main{gap:var(--space-1)}.nav-link,.nav-main{display:flex;align-items:center}.nav-link{gap:var(--space-2);padding:var(--space-2) var(--space-4);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-lg);transition:var(--transition-all)}.nav-link:hover{color:var(--text-primary);background:var(--surface-hover)}.nav-link.active{color:var(--color-primary-500);background:var(--color-primary-50)}.nav-underline{position:relative}.nav-underline:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--color-primary-500);transition:var(--transition-all);transform:translateX(-50%)}.nav-underline.active:after,.nav-underline:hover:after{width:80%}.nav-mobile{display:flex;flex-direction:column;gap:var(--space-2)}.nav-mobile .nav-link{padding:var(--space-4);font-size:var(--text-lg)}.breadcrumbs{flex-wrap:wrap;list-style:none}.breadcrumb-item,.breadcrumbs{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb-item:not(:last-child):after{content:"/";color:var(--text-tertiary)}.breadcrumb-link{font-size:var(--text-sm);color:var(--text-secondary);text-decoration:none;transition:var(--transition-colors)}.breadcrumb-link:hover{color:var(--color-primary-500)}.breadcrumb-current{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium)}.pagination{gap:var(--space-2)}.pagination,.pagination-btn{display:flex;align-items:center}.pagination-btn{justify-content:center;min-width:2.5rem;height:2.5rem;padding:0 var(--space-3);font-family:var(--font-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--surface-default);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all)}.pagination-btn:hover{background:var(--surface-hover);border-color:var(--border-hover);color:var(--text-primary)}.pagination-btn.active{background:var(--color-primary-500);border-color:var(--color-primary-500);color:var(--color-neutral-900)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.container{width:100%;max-width:var(--container-7xl);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width:640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width:1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.section-sm{padding-top:var(--space-12);padding-bottom:var(--space-12)}.section-md{padding-top:var(--space-16);padding-bottom:var(--space-16)}.section-lg{padding-top:var(--space-24);padding-bottom:var(--space-24)}.section-xl{padding-top:var(--space-32);padding-bottom:var(--space-32)}.grid{display:grid;gap:var(--grid-gap)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1280px){.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.flex{display:flex}.inline-flex{display:inline-flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-0{gap:var(--space-0)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.border{border:1px solid var(--border-default)}.border-t{border-top:1px solid var(--border-default)}.border-b{border-bottom:1px solid var(--border-default)}.bg-gradient-primary{background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%)}.bg-gradient-hero{background:linear-gradient(135deg,var(--color-secondary-900) 0,var(--color-neutral-900) 50%,var(--color-secondary-800) 100%)}.bg-gradient-accent{background:linear-gradient(135deg,var(--color-accent-500) 0,var(--color-accent-600) 100%)}.shimmer{position:relative;overflow:hidden;background:var(--surface-hover)}.shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1) 50%,transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.hover-lift{transition:transform var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.glow-primary{box-shadow:var(--shadow-glow-primary)}.glow-accent{box-shadow:var(--shadow-glow-accent)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-out)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out)}@media (max-width:767px){.hide-mobile{display:none!important}}@media (min-width:768px){.show-mobile-only{display:none!important}}@media (min-width:1024px){.hide-desktop{display:none!important}}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.no-print{display:none!important}body{background:white!important;color:black!important}.btn,.card{box-shadow:none!important;border:1px solid #ccc!important}}