*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:Inter,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";background:#fff;color:#111827;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(prefers-color-scheme:dark){html,body{background:#030712;color:#fff;color-scheme:dark}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.gradient-text{background:linear-gradient(135deg,#5d4a50,#303030);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#5d4a50,#303030);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#4a3d42,#262626)}button,a,input,textarea,select{transition:all .3s ease}button:focus,a:focus{outline:2px solid #5d4a50;outline-offset:2px}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}:root{--color-primary-50: #f9fafb;--color-primary-100: #f3f4f6;--color-primary-200: #e5e7eb;--color-primary-300: #d1d5db;--color-primary-400: #9ca3af;--color-primary-500: #6b7280;--color-primary-600: #4b5563;--color-primary-700: #374151;--color-primary-800: #1f2937;--color-primary-900: #111827;--color-primary-950: #030712;--color-brand-primary: #5d4a50;--color-brand-secondary: #303030;--color-brand-accent: #8b5a6b;--color-brand-light: #f7f5f6;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-tertiary: #9ca3af;--color-text-inverse: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-overlay: rgba(0, 0, 0, .5);--color-border-primary: #e5e7eb;--color-border-secondary: #d1d5db;--color-border-focus: var(--color-brand-primary);--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;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--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;--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 0 rgba(0, 0, 0, .06);--shadow-base: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--z-index-0: 0;--z-index-10: 10;--z-index-20: 20;--z-index-30: 30;--z-index-40: 40;--z-index-50: 50;--z-index-auto: auto;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--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);--nav-height: 4rem;--container-max-width: 80rem;--container-padding: var(--space-4);--container-padding-sm: var(--space-6);--container-padding-lg: var(--space-8);--button-height-sm: 2rem;--button-height-base: 2.5rem;--button-height-lg: 3rem;--button-padding-x-sm: var(--space-3);--button-padding-x-base: var(--space-4);--button-padding-x-lg: var(--space-6);--card-padding: var(--space-6);--card-border-radius: var(--radius-2xl);--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-lg);--input-height: 2.5rem;--input-padding-x: var(--space-3);--input-border-radius: var(--radius-lg);--input-border-color: var(--color-border-primary);--input-border-color-focus: var(--color-border-focus)}@media(prefers-color-scheme:dark){:root{--color-text-primary: #ffffff;--color-text-secondary: #d1d5db;--color-text-tertiary: #9ca3af;--color-text-inverse: #111827;--color-bg-primary: #111827;--color-bg-secondary: #1f2937;--color-bg-tertiary: #374151;--color-border-primary: #374151;--color-border-secondary: #4b5563}}.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}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}@media(min-width:640px){.container{padding:0 var(--container-padding-sm)}}@media(min-width:1024px){.container{padding:0 var(--container-padding-lg)}}.focus-ring{outline:2px solid var(--color-border-focus);outline-offset:2px}.gradient-primary{background:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-brand-secondary) 100%)}.gradient-text{background:linear-gradient(135deg,var(--color-brand-primary) 0%,var(--color-brand-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in-up{animation:fadeInUp var(--duration-500) var(--ease-out)}.animate-float{animation:float 3s var(--ease-in-out) infinite}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}
