:root{--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-slate-950: #020617;--color-brand-dark: #0a0a0a;--color-brand-gray: #f4f4f5;--color-brand-accent: #334155;--color-brand-primary: #020617;--color-background-primary: #ffffff;--color-background-secondary: #f8fafc;--color-background-tertiary: #f1f5f9;--color-background-dark: #0a0a0a;--color-text-primary: #020617;--color-text-secondary: #334155;--color-text-tertiary: #64748b;--color-text-inverse: #ffffff;--color-border-light: #e2e8f0;--color-border-medium: #cbd5e1;--color-border-dark: #94a3b8;--color-hover-bg: #f8fafc;--color-active-bg: #f1f5f9;--color-focus-ring: #475569;--color-focus-ring-offset: #ffffff;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Playfair Display", Georgia, serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.563rem;--text-3xl: 1.953rem;--text-4xl: 2.441rem;--text-5xl: 3.052rem;--text-6xl: 3.815rem;--text-7xl: 4.768rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--space-0: 0;--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-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--duration-fast: .15s;--duration-base: .2s;--duration-medium: .3s;--duration-slow: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-smooth: cubic-bezier(.16, 1, .3, 1);--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-popover: 60;--z-tooltip: 70;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@keyframes ripple{0%{width:20px;height:20px;opacity:.5}to{width:300px;height:300px;opacity:0}}.animate-ripple{animation:ripple .6s ease-out}.focus-visible-ring{outline:2px solid transparent;outline-offset:2px}.focus-visible-ring:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-base)}.transition-smooth{transition-property:all;transition-duration:var(--duration-base);transition-timing-function:var(--ease-smooth)}.transition-colors{transition-property:color,background-color,border-color;transition-duration:var(--duration-base);transition-timing-function:var(--ease-out)}.transition-transform{transition-property:transform;transition-duration:var(--duration-base);transition-timing-function:var(--ease-smooth)}.hover-lift{transition:transform var(--duration-base) var(--ease-smooth),box-shadow var(--duration-base) var(--ease-smooth)}.hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.glass{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.glass-dark{background:#0a0a0af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.gradient-overlay-light{background:linear-gradient(135deg,#f8fafce6,#f1f5f9f2)}.gradient-overlay-dark{background:linear-gradient(135deg,#0a0a0af2,#0f172afa)}.text-gradient{background:linear-gradient(135deg,var(--color-slate-900) 0%,var(--color-slate-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.hover-lift:hover{transform:none}}@media(prefers-contrast:high){:root{--color-text-primary: #000000;--color-text-secondary: #1a1a1a;--color-border-medium: #666666}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-to-main{position:absolute;top:-40px;left:0;background:var(--color-brand-dark);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);text-decoration:none;z-index:var(--z-tooltip)}.skip-to-main:focus{top:0}.card{background:var(--color-background-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-2xl);padding:var(--space-6);transition:all var(--duration-base) var(--ease-smooth)}.card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-base) var(--ease-smooth);border:none;text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background:var(--color-background-primary);border:1px solid var(--color-border-medium);border-radius:var(--radius-lg);transition:all var(--duration-base) var(--ease-out)}.input:focus{outline:none;border-color:var(--color-focus-ring);box-shadow:0 0 0 3px #4755691a}.input::placeholder{color:var(--color-text-tertiary)}