:root{--color-primary-50:#f0f9ff;--color-primary-100:#e0f2fe;--color-primary-200:#bae6fd;--color-primary-300:#7dd3fc;--color-primary-400:#38bdf8;--color-primary-500:#0ea5e9;--color-primary-600:#0284c7;--color-primary-700:#0369a1;--color-primary-800:#075985;--color-primary-900:#0c4a6e;--color-primary-950:#082f49;--color-neutral-50:#fafafa;--color-neutral-100:#f5f5f5;--color-neutral-200:#e5e5e5;--color-neutral-300:#d4d4d4;--color-neutral-400:#a3a3a3;--color-neutral-500:#737373;--color-neutral-600:#525252;--color-neutral-700:#404040;--color-neutral-800:#262626;--color-neutral-900:#171717;--color-neutral-950:#0a0a0a;--color-background:var(--color-neutral-50);--color-surface:#ffffff;--color-surface-elevated:#ffffff;--color-text-primary:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-600);--color-text-muted:var(--color-neutral-500);--color-border:var(--color-neutral-200);--color-border-hover:var(--color-neutral-300);--shadow-xs:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-sm:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.25);--shadow-inner:inset 0 2px 4px 0 rgb(0 0 0/0.05);--font-size-xs:clamp(0.6875rem,0.65rem + 0.2vw,0.75rem);--font-size-sm:clamp(0.75rem,0.7rem + 0.3vw,0.875rem);--font-size-base:clamp(0.875rem,0.8rem + 0.4vw,1rem);--font-size-lg:clamp(1rem,0.9rem + 0.5vw,1.125rem);--font-size-xl:clamp(1.125rem,1rem + 0.625vw,1.375rem);--font-size-2xl:clamp(1.375rem,1.2rem + 0.875vw,1.625rem);--font-size-3xl:clamp(1.625rem,1.4rem + 1.125vw,2rem);--font-size-4xl:clamp(2rem,1.7rem + 1.5vw,2.625rem);--font-size-5xl:clamp(2.625rem,2.2rem + 2.125vw,3.5rem);--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:-0.05em;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0em;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--spacing-px:1px;--spacing-0:0px;--spacing-0-5:0.125rem;--spacing-1:0.25rem;--spacing-1-5:0.375rem;--spacing-2:0.5rem;--spacing-2-5:0.625rem;--spacing-3:0.75rem;--spacing-3-5:0.875rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-7:1.75rem;--spacing-8:2rem;--spacing-9:2.25rem;--spacing-10:2.5rem;--spacing-11:2.75rem;--spacing-12:3rem;--spacing-14:3.5rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--spacing-28:7rem;--spacing-32:8rem;--radius-none:0px;--radius-sm:0.125rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:300ms cubic-bezier(0.4,0,0.2,1);--transition-slow:500ms cubic-bezier(0.4,0,0.2,1)}@media (prefers-color-scheme:dark){:root{--color-background:var(--color-neutral-950);--color-surface:var(--color-neutral-900);--color-surface-elevated:var(--color-neutral-800);--color-text-primary:var(--color-neutral-50);--color-text-secondary:var(--color-neutral-300);--color-text-muted:var(--color-neutral-400);--color-border:var(--color-neutral-800);--color-border-hover:var(--color-neutral-700)}}.glass-card{background:rgba(255,255,255,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg);transition:all var(--transition-normal)}.glass-card:hover{background:rgba(255,255,255,.9);box-shadow:var(--shadow-xl);transform:translateY(-2px)}@media (prefers-color-scheme:dark){.glass-card{background:rgba(38,38,38,.8);border:1px solid rgba(255,255,255,.1)}.glass-card:hover{background:rgba(38,38,38,.9)}}.elevation-0{box-shadow:none}.elevation-1{box-shadow:var(--shadow-sm)}.elevation-2{box-shadow:var(--shadow-md)}.elevation-3{box-shadow:var(--shadow-lg)}.elevation-4{box-shadow:var(--shadow-xl)}.elevation-5{box-shadow:var(--shadow-2xl)}.text-fluid-xs{font-size:var(--font-size-xs)}.text-fluid-sm{font-size:var(--font-size-sm)}.text-fluid-base{font-size:var(--font-size-base)}.text-fluid-lg{font-size:var(--font-size-lg)}.text-fluid-xl{font-size:var(--font-size-xl)}.text-fluid-2xl{font-size:var(--font-size-2xl)}.text-fluid-3xl{font-size:var(--font-size-3xl)}.text-fluid-4xl{font-size:var(--font-size-4xl)}.text-fluid-5xl{font-size:var(--font-size-5xl)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tighter{letter-spacing:var(--letter-spacing-tighter)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.tracking-widest{letter-spacing:var(--letter-spacing-widest)}.interactive{transition:all var(--transition-fast);cursor:pointer}.interactive:hover{transform:translateY(-1px)}.interactive:active{transform:translateY(0)}.focus-visible-ring{transition:all var(--transition-fast)}.focus-visible-ring:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px;border-radius:var(--radius-md)}.btn-modern{position:relative;overflow:hidden;transition:all var(--transition-normal);transform:perspective(1px) translateZ(0)}.btn-modern:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn-modern:hover:before{left:100%}.btn-modern:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-modern:active{transform:translateY(0)}.card-hover{transition:all var(--transition-normal);will-change:transform,box-shadow}.card-hover:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-2xl)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in-left{animation:fadeInLeft .6s ease-out forwards}.animate-fade-in-right{animation:fadeInRight .6s ease-out forwards}.animate-delay-100{animation-delay:.1s}.animate-delay-200{animation-delay:.2s}.animate-delay-300{animation-delay:.3s}.animate-delay-400{animation-delay:.4s}.animate-delay-500{animation-delay:.5s}.gradient-primary{background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-800) 100%)}.gradient-surface{background:linear-gradient(135deg,var(--color-neutral-50) 0,var(--color-neutral-100) 100%)}@media (prefers-color-scheme:dark){.gradient-surface{background:linear-gradient(135deg,var(--color-neutral-900) 0,var(--color-neutral-800) 100%)}}@supports (container-type:inline-size){.container-card{container-type:inline-size}@container (min-width: 400px){.container-responsive{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-6)}}}.contain-layout{contain:layout}.contain-style{contain:style}.contain-paint{contain:paint}.contain-size{contain:size}.contain-strict{contain:strict}.aspect-square{aspect-ratio:1/1}.aspect-video{aspect-ratio:16/9}.aspect-portrait{aspect-ratio:3/4}.aspect-landscape{aspect-ratio:4/3}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.loading-shimmer{position:relative;overflow:hidden;background-color:var(--color-neutral-200)}.loading-shimmer:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.5s infinite;content:""}.form-field{position:relative;transition:all var(--transition-normal)}.form-field:focus-within{transform:scale(1.02)}.form-input{border:1px solid var(--color-border);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.form-input:invalid{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.transform-gpu{transform:translateZ(0);will-change:transform}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast:high){.glass-card{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;border:2px solid var(--color-border)}.btn-modern{border:2px solid}}@media (prefers-color-scheme:dark){#mobile-menu{background-color:var(--color-neutral-900);border-color:var(--color-neutral-800)}#mobile-menu a,#mobile-menu button{color:var(--color-neutral-100)}#mobile-menu a:hover,#mobile-menu button:hover{color:var(--color-primary-400);background-color:rgba(14,165,233,.1)}}