@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes floatVertical{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulseSlow{0%,to{opacity:.1;transform:scale(1)}50%{opacity:.2;transform:scale(1.05)}}@keyframes fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes heroFloat{0%,to{transform:translate(0)}25%{transform:translate(5%,5%)}50%{transform:translateY(10%)}75%{transform:translate(-5%,5%)}}.animate-fade-in-up{animation:fadeInUp .5s ease-out}.animate-fade-in-scale{animation:fadeInScale .5s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-float-vertical{animation:floatVertical 3s ease-in-out infinite}.animate-pulse-slow{animation:pulseSlow 3s cubic-bezier(.4,0,.6,1) infinite}.animate-fade-in{animation:fade-in 1s ease-out forwards}.animate-hero-float{animation:heroFloat 12s ease-in-out infinite}.animate-hero-float-delayed-2s{animation:heroFloat 12s ease-in-out infinite;animation-delay:2s}.animate-hero-float-delayed-4s{animation:heroFloat 12s ease-in-out infinite;animation-delay:4s}.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}.animate-duration-fast{animation-duration:.2s}.animate-duration-normal{animation-duration:.5s}.animate-duration-slow{animation-duration:1s}.animate-ease-in{animation-timing-function:cubic-bezier(.4,0,1,1)}.animate-ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}.animate-ease-in-out{animation-timing-function:cubic-bezier(.4,0,.2,1)}.hero-bg{position:relative;background:var(--hero-bg-gradient);overflow:hidden}.hero-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.18;z-index:0;transition:background .5s,opacity .5s;will-change:transform}.hero-blob-blue{background:var(--hero-blob-blue);width:420px;height:420px;top:-120px;left:-120px}.hero-blob-teal{background:var(--hero-blob-teal);width:340px;height:340px;bottom:-80px;right:10%}.hero-blob-plum{background:var(--hero-blob-plum);width:300px;height:300px;top:30%;right:-100px}html.dark .hero-blob-blue,html.dark .hero-blob-teal,html.dark .hero-blob-plum{opacity:.22}.hero-content>*{opacity:0;animation:fadeIn .6s ease-out forwards}.hero-content>*:nth-child(1){animation-delay:.1s}.hero-content>*:nth-child(2){animation-delay:.2s}.hero-content>*:nth-child(3){animation-delay:.3s}.hero-content>*:nth-child(4){animation-delay:.4s}.hero-content>*:nth-child(5){animation-delay:.5s}:root{--color-charcoal: #212121;--color-teal: #7AC1BB;--color-plum: #662B7F;--color-burnt-orange: #E25025;--color-sea-breeze-blue: #299ED9;--color-white: #ffffff;--color-light-gray: #f8f9fa;--color-light-gray-alt: #eef2f6;--color-light-text: #374151;--color-light-text-muted: #6b7280;--color-light-border: #e5e7eb;--color-dark-bg: #111827;--color-dark-card: #1f2937;--color-dark-card-alt: #374151;--color-dark-text: #f9fafb;--color-dark-text-muted: #9ca3af;--color-dark-border: #374151;--color-primary: var(--color-sea-breeze-blue);--color-secondary: var(--color-teal);--color-accent: var(--color-plum);--color-warning: var(--color-burnt-orange);--color-text-primary: var(--color-light-text);--color-text-secondary: var(--color-light-text-muted);--color-text-inverse: var(--color-white);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-light-gray);--color-bg-tertiary: var(--color-light-gray-alt);--color-border: var(--color-light-border);--color-success: #34d399;--color-error: #ef4444;--color-info: var(--color-sea-breeze-blue);--color-primary-10: rgba(41, 158, 217, .08);--color-primary-20: rgba(41, 158, 217, .12);--color-primary-30: rgba(41, 158, 217, .16);--color-secondary-10: rgba(122, 193, 187, .08);--color-secondary-20: rgba(122, 193, 187, .12);--color-secondary-30: rgba(122, 193, 187, .16);--color-accent-10: rgba(102, 43, 127, .08);--color-accent-20: rgba(102, 43, 127, .12);--color-accent-30: rgba(102, 43, 127, .16);--shadow-primary: 0 4px 14px 0 var(--color-primary-30);--shadow-secondary: 0 4px 14px 0 var(--color-secondary-30);--color-nav-bg: var(--color-white);--color-nav-text: var(--color-light-text);--color-nav-dropdown-bg: var(--color-white);--color-nav-dropdown-text: var(--color-light-text);--color-nav-border: var(--color-light-border);--color-trust-indicator: var(--color-light-text-muted);--hero-bg-gradient: linear-gradient(135deg, var(--color-light-gray) 0%, var(--color-light-gray-alt) 100%);--hero-blob-blue: radial-gradient(circle, var(--color-primary) 0%, transparent 70%);--hero-blob-teal: radial-gradient(circle, var(--color-secondary) 0%, transparent 70%);--hero-blob-plum: radial-gradient(circle, var(--color-accent) 0%, transparent 70%)}html.dark{color-scheme:dark;--color-primary: #3b82f6;--color-secondary: #2dd4bf;--color-accent: #a855f7;--color-warning: #f97316;--color-text-primary: var(--color-dark-text);--color-text-secondary: var(--color-dark-text-muted);--color-bg-primary: var(--color-dark-bg);--color-bg-secondary: var(--color-dark-card);--color-bg-tertiary: var(--color-dark-card-alt);--color-border: var(--color-dark-border);--color-success: #34d399;--color-error: #ef4444;--color-info: #3b82f6;--color-primary-10: rgba(59, 130, 246, .12);--color-primary-20: rgba(59, 130, 246, .16);--color-primary-30: rgba(59, 130, 246, .2);--color-secondary-10: rgba(45, 212, 191, .12);--color-secondary-20: rgba(45, 212, 191, .16);--color-secondary-30: rgba(45, 212, 191, .2);--color-accent-10: rgba(168, 85, 247, .12);--color-accent-20: rgba(168, 85, 247, .16);--color-accent-30: rgba(168, 85, 247, .2);--shadow-primary: 0 4px 14px 0 var(--color-primary-30);--shadow-secondary: 0 4px 14px 0 var(--color-secondary-30);--color-nav-bg: var(--color-dark-card);--color-nav-text: var(--color-dark-text);--color-nav-dropdown-bg: var(--color-dark-card-alt);--color-nav-dropdown-text: var(--color-dark-text);--color-nav-border: var(--color-dark-border);--color-trust-indicator: var(--color-dark-text-muted);--hero-bg-gradient: linear-gradient(135deg, var(--color-dark-bg) 0%, var(--color-dark-card) 100%);--hero-blob-blue: radial-gradient(circle, var(--color-primary) 0%, transparent 70%);--hero-blob-teal: radial-gradient(circle, var(--color-secondary) 0%, transparent 70%);--hero-blob-plum: radial-gradient(circle, var(--color-accent) 0%, transparent 70%)}
