:root{--color-primary: #0066ff;--color-primary-dark: #0052cc;--color-primary-light: #3385ff;--color-secondary: #00d4aa;--color-accent: #ff6b35;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--color-white: #ffffff;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-black: #000000;--font-primary: "Inter", system-ui, -apple-system, sans-serif;--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;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}[data-theme=dark]{--color-primary: #3385ff;--color-primary-dark: #0066ff;--color-primary-light: #66a3ff;--color-secondary: #00b894;--color-accent: #ff8c69;--color-white: #111827;--color-gray-50: #1f2937;--color-gray-100: #374151;--color-gray-200: #4b5563;--color-gray-300: #6b7280;--color-gray-400: #9ca3af;--color-gray-500: #d1d5db;--color-gray-600: #e5e7eb;--color-gray-700: #f3f4f6;--color-gray-800: #f9fafb;--color-gray-900: #ffffff;--color-black: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-900);background-color:var(--color-white);transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:clamp(2rem,5vw,var(--font-size-5xl))}h2{font-size:clamp(1.5rem,4vw,var(--font-size-4xl))}h3{font-size:clamp(1.25rem,3vw,var(--font-size-3xl))}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--spacing-md)}@media (min-width: 768px){.container{padding:0 var(--spacing-lg)}}@media (min-width: 1024px){.container{padding:0 var(--spacing-xl)}}.section{padding:var(--spacing-3xl) 0}@media (min-width: 768px){.section{padding:calc(var(--spacing-3xl) * 1.5) 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-base);font-weight:600;line-height:1.5;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-primary{background-color:var(--color-primary);color:#fff}.btn.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn.btn-secondary{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn.btn-secondary:hover:not(:disabled){background-color:var(--color-primary);color:#fff}.btn.btn-ghost{background-color:transparent;color:var(--color-gray-700)}.btn.btn-ghost:hover:not(:disabled){background-color:var(--color-gray-100)}.btn.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);background-color:var(--color-primary);color:#fff}.badge.badge-secondary{background-color:var(--color-secondary)}.badge.badge-success{background-color:var(--color-success)}.badge.badge-warning{background-color:var(--color-warning)}.badge.badge-danger{background-color:var(--color-danger)}.badge.badge-info{background-color:var(--color-info)}.card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--color-primary),0 0 10px var(--color-primary),0 0 15px var(--color-primary)}50%{box-shadow:0 0 20px var(--color-primary),0 0 30px var(--color-primary),0 0 40px var(--color-primary)}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-fadeInUp{animation:fadeInUp .6s ease-out}.animate-fadeInDown{animation:fadeInDown .6s ease-out}.animate-slideInLeft{animation:slideInLeft .6s ease-out}.animate-slideInRight{animation:slideInRight .6s ease-out}.animate-slideInUp{animation:slideInUp .8s ease-out}.animate-scaleIn{animation:scaleIn .5s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite alternate}[data-animate]{opacity:0;transform:translateY(30px);transition:all .6s ease-out}[data-animate].animate-visible{opacity:1;transform:translateY(0)}[data-animate=slideInLeft]{transform:translate(-30px)}[data-animate=slideInLeft].animate-visible{transform:translate(0)}[data-animate=slideInRight]{transform:translate(30px)}[data-animate=slideInRight].animate-visible{transform:translate(0)}[data-animate=scaleIn]{transform:scale(.8)}[data-animate=scaleIn].animate-visible{transform:scale(1)}[data-animate=fadeIn],[data-animate=fadeIn].animate-visible{transform:none}[data-stagger=true] [data-animate-child]{opacity:0;transform:translateY(20px);transition:all .4s ease-out}[data-stagger=true] [data-animate-child].animate-visible{opacity:1;transform:translateY(0)}.card-hover-effect{transition:all var(--transition-base)}.card-hover-effect:hover,.card-hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.btn-hover-lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-hover-grow:hover{transform:scale(1.05)}.btn-hover-glow:hover{box-shadow:0 0 20px #0066ff4d}.shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite}.skeleton{background:var(--color-gray-200);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 1.5s infinite}.form-reveal{opacity:1;transform:translateY(0);transition:all .3s ease-out}input:not(.form-reveal),textarea:not(.form-reveal),select:not(.form-reveal){opacity:0;transform:translateY(10px)}.parallax{transition:transform .1s ease-out}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-animate]{opacity:1!important;transform:none!important}}.spinner{display:inline-block;width:2rem;height:2rem;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.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-content{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;z-index:var(--z-tooltip)}.skip-to-content:focus{top:0}.focus-visible:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px){.hide-tablet{display:none!important}}@media (min-width: 1024px){.hide-desktop{display:none!important}}@media print{body{font-size:12pt}.no-print{display:none!important}}