@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&family=Open+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";.cookie-banner[data-astro-cid-gw6ekouo]{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-banner);background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -4px 25px #0000001a;backdrop-filter:blur(10px);animation:slideInUp .5s cubic-bezier(.16,1,.3,1)}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner__container[data-astro-cid-gw6ekouo]{max-width:var(--container-max-width);margin:0 auto;padding:var(--space-6);display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.cookie-banner__content[data-astro-cid-gw6ekouo]{display:flex;align-items:center;gap:var(--space-4);flex:1;min-width:300px}.cookie-banner__icon[data-astro-cid-gw6ekouo]{width:48px;height:48px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-xl);flex-shrink:0;box-shadow:var(--shadow-primary)}.cookie-banner__text[data-astro-cid-gw6ekouo]{flex:1}.cookie-banner__title[data-astro-cid-gw6ekouo]{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--space-2);line-height:var(--leading-tight)}.cookie-banner__description[data-astro-cid-gw6ekouo]{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;line-height:var(--leading-relaxed)}.cookie-banner__link[data-astro-cid-gw6ekouo]{color:var(--color-primary);font-weight:600;text-decoration:none;transition:color var(--transition-fast)}.cookie-banner__link[data-astro-cid-gw6ekouo]:hover{color:var(--color-primary-hover);text-decoration:underline}.cookie-banner__actions[data-astro-cid-gw6ekouo]{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.cookie-btn[data-astro-cid-gw6ekouo]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-normal);white-space:nowrap}.cookie-btn--primary[data-astro-cid-gw6ekouo]{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.cookie-btn--primary[data-astro-cid-gw6ekouo]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cookie-btn--secondary[data-astro-cid-gw6ekouo]{background:var(--color-surface-2);color:var(--color-text-primary);border:1px solid var(--color-border)}.cookie-btn--secondary[data-astro-cid-gw6ekouo]:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.cookie-btn--outline[data-astro-cid-gw6ekouo]{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.cookie-btn--outline[data-astro-cid-gw6ekouo]:hover{background:var(--color-primary);color:#fff}.cookie-modal[data-astro-cid-gw6ekouo]{position:fixed;inset:0;z-index:var(--z-modal);animation:fadeIn .3s ease}.cookie-modal__overlay[data-astro-cid-gw6ekouo]{position:absolute;inset:0;background:#0009;backdrop-filter:blur(4px)}.cookie-modal__container[data-astro-cid-gw6ekouo]{position:relative;max-width:700px;margin:var(--space-12) auto;background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);border:1px solid var(--color-border);max-height:calc(100vh - var(--space-24));overflow:hidden;display:flex;flex-direction:column;animation:scaleIn .3s cubic-bezier(.16,1,.3,1)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.cookie-modal__header[data-astro-cid-gw6ekouo]{padding:var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-2)}.cookie-modal__title[data-astro-cid-gw6ekouo]{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-3)}.cookie-modal__title[data-astro-cid-gw6ekouo] i[data-astro-cid-gw6ekouo]{color:var(--color-primary)}.cookie-modal__close[data-astro-cid-gw6ekouo]{width:40px;height:40px;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.cookie-modal__close[data-astro-cid-gw6ekouo]:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.cookie-modal__body[data-astro-cid-gw6ekouo]{padding:var(--space-6);overflow-y:auto;flex:1}.cookie-modal__description[data-astro-cid-gw6ekouo]{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0 0 var(--space-8)}.cookie-modal__footer[data-astro-cid-gw6ekouo]{padding:var(--space-6);border-top:1px solid var(--color-border);display:flex;gap:var(--space-4);justify-content:flex-end;background:var(--color-surface-2)}.cookie-categories[data-astro-cid-gw6ekouo]{display:grid;gap:var(--space-6)}.cookie-category[data-astro-cid-gw6ekouo]{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.cookie-category[data-astro-cid-gw6ekouo]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.cookie-category__header[data-astro-cid-gw6ekouo]{padding:var(--space-6);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-6)}.cookie-category__info[data-astro-cid-gw6ekouo]{flex:1}.cookie-category__title[data-astro-cid-gw6ekouo]{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-2);display:flex;align-items:center;gap:var(--space-3)}.cookie-category__title[data-astro-cid-gw6ekouo] i[data-astro-cid-gw6ekouo]{color:var(--color-primary)}.cookie-category__description[data-astro-cid-gw6ekouo]{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin:0}.cookie-category__details[data-astro-cid-gw6ekouo]{padding:0 var(--space-6) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-surface-2)}.cookie-category__details[data-astro-cid-gw6ekouo] ul[data-astro-cid-gw6ekouo]{margin:var(--space-4) 0 0;padding-left:var(--space-6)}.cookie-category__details[data-astro-cid-gw6ekouo] li[data-astro-cid-gw6ekouo]{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2);line-height:var(--leading-relaxed)}.cookie-toggle[data-astro-cid-gw6ekouo]{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.cookie-toggle[data-astro-cid-gw6ekouo] input[data-astro-cid-gw6ekouo][type=checkbox]{display:none}.toggle-label[data-astro-cid-gw6ekouo]{position:relative;width:48px;height:24px;background:var(--color-surface-3);border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-normal);border:1px solid var(--color-border)}.toggle-slider[data-astro-cid-gw6ekouo]{position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-normal);box-shadow:var(--shadow-sm)}input[data-astro-cid-gw6ekouo][type=checkbox]:checked+.toggle-label[data-astro-cid-gw6ekouo]{background:var(--color-primary);border-color:var(--color-primary)}input[data-astro-cid-gw6ekouo][type=checkbox]:checked+.toggle-label[data-astro-cid-gw6ekouo] .toggle-slider[data-astro-cid-gw6ekouo]{transform:translate(24px)}input[data-astro-cid-gw6ekouo][type=checkbox]:disabled+.toggle-label[data-astro-cid-gw6ekouo]{background:var(--color-success);opacity:.7;cursor:not-allowed}.toggle-status[data-astro-cid-gw6ekouo]{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.05em}@keyframes bounceIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.cookie-floating-btn[data-astro-cid-gw6ekouo]:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}@media (max-width: 768px){.cookie-banner__container[data-astro-cid-gw6ekouo]{flex-direction:column;align-items:stretch;gap:var(--space-4);padding:var(--space-4)}.cookie-banner__content[data-astro-cid-gw6ekouo]{flex-direction:column;text-align:center;gap:var(--space-3)}.cookie-banner__actions[data-astro-cid-gw6ekouo]{justify-content:center;flex-wrap:wrap}.cookie-btn[data-astro-cid-gw6ekouo]{flex:1;min-width:120px;justify-content:center}.cookie-modal__container[data-astro-cid-gw6ekouo]{margin:var(--space-4);max-height:calc(100vh - var(--space-8))}.cookie-modal__header[data-astro-cid-gw6ekouo],.cookie-modal__body[data-astro-cid-gw6ekouo],.cookie-modal__footer[data-astro-cid-gw6ekouo]{padding:var(--space-4)}.cookie-category__header[data-astro-cid-gw6ekouo]{flex-direction:column;align-items:stretch;gap:var(--space-4)}.cookie-toggle[data-astro-cid-gw6ekouo]{justify-content:space-between}.cookie-modal__footer[data-astro-cid-gw6ekouo]{flex-direction:column}.cookie-floating-btn[data-astro-cid-gw6ekouo]{bottom:var(--space-4);right:var(--space-4);width:50px;height:50px;font-size:var(--text-lg)}}@media (max-width: 480px){.cookie-banner__icon[data-astro-cid-gw6ekouo]{width:40px;height:40px;font-size:var(--text-lg)}.cookie-banner__title[data-astro-cid-gw6ekouo]{font-size:var(--text-base)}.cookie-banner__description[data-astro-cid-gw6ekouo]{font-size:var(--text-xs)}.cookie-btn[data-astro-cid-gw6ekouo]{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}}[data-astro-cid-gw6ekouo][data-theme=dark] .cookie-banner[data-astro-cid-gw6ekouo]{background:#111827f2;border-top-color:var(--gray-700);box-shadow:0 -4px 25px #0000004d}[data-astro-cid-gw6ekouo][data-theme=dark] .cookie-modal__container[data-astro-cid-gw6ekouo]{background:var(--gray-900);border-color:var(--gray-700);box-shadow:0 25px 50px -12px #00000080}[data-astro-cid-gw6ekouo][data-theme=dark] .cookie-category[data-astro-cid-gw6ekouo]{background:var(--gray-800);border-color:var(--gray-700)}[data-astro-cid-gw6ekouo][data-theme=dark] .cookie-category__details[data-astro-cid-gw6ekouo]{background:var(--gray-900);border-top-color:var(--gray-700)}@media (prefers-reduced-motion: reduce){.cookie-banner[data-astro-cid-gw6ekouo],.cookie-modal[data-astro-cid-gw6ekouo],.cookie-floating-btn[data-astro-cid-gw6ekouo]{animation:none}.cookie-btn[data-astro-cid-gw6ekouo],.cookie-modal__close[data-astro-cid-gw6ekouo],.toggle-label[data-astro-cid-gw6ekouo]{transition:none}}.cookie-btn[data-astro-cid-gw6ekouo]:focus-visible,.cookie-modal__close[data-astro-cid-gw6ekouo]:focus-visible,.toggle-label[data-astro-cid-gw6ekouo]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:root{--font-primary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-secondary: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, "Liberation Mono", Menlo, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--space-36: 9rem;--space-40: 10rem;--space-44: 11rem;--space-48: 12rem;--space-52: 13rem;--space-56: 14rem;--space-60: 15rem;--space-64: 16rem;--space-72: 18rem;--space-80: 20rem;--space-96: 24rem;--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;--blue-50: #eff6ff;--blue-100: #dbeafe;--blue-200: #bfdbfe;--blue-300: #93c5fd;--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--blue-800: #1e40af;--blue-900: #1e3a8a;--blue-950: #172554;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--gray-950: #030712;--green-50: #f0fdf4;--green-500: #22c55e;--green-600: #16a34a;--green-700: #15803d;--red-50: #fef2f2;--red-500: #ef4444;--red-600: #dc2626;--red-700: #b91c1c;--yellow-50: #fefce8;--yellow-500: #eab308;--yellow-600: #ca8a04;--purple-50: #faf5ff;--purple-500: #a855f7;--purple-600: #9333ea;--purple-700: #7c3aed;--color-primary: var(--blue-600);--color-primary-hover: var(--blue-700);--color-primary-active: var(--blue-800);--color-primary-light: var(--blue-50);--color-secondary: var(--purple-600);--color-secondary-hover: var(--purple-700);--color-success: var(--green-600);--color-warning: var(--yellow-500);--color-error: var(--red-500);--color-info: var(--blue-500);--color-background: #ffffff;--color-surface: var(--gray-50);--color-surface-2: var(--gray-100);--color-surface-3: var(--gray-200);--color-surface-hover: var(--gray-100);--color-text-primary: var(--gray-900);--color-text-secondary: var(--gray-600);--color-text-tertiary: var(--gray-500);--color-text-disabled: var(--gray-400);--color-text-inverse: #ffffff;--color-border: var(--gray-200);--color-border-hover: var(--gray-300);--color-border-focus: var(--blue-500);--gradient-primary: linear-gradient(135deg, var(--blue-600) 0%, var(--purple-600) 100%);--gradient-secondary: linear-gradient(135deg, var(--purple-600) 0%, var(--blue-600) 100%);--gradient-success: linear-gradient(135deg, var(--green-500) 0%, var(--green-600) 100%);--gradient-subtle: linear-gradient(135deg, var(--gray-50) 0%, var(--gray-100) 100%);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-primary: 0 8px 25px -8px rgb(59 130 246 / .3);--shadow-secondary: 0 8px 25px -8px rgb(168 85 247 / .3);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-hide: -1;--z-auto: auto;--z-base: 0;--z-docked: 10;--z-dropdown: 1000;--z-sticky: 1100;--z-banner: 1200;--z-overlay: 1300;--z-modal: 1400;--z-popover: 1500;--z-skiplink: 1600;--z-toast: 1700;--z-tooltip: 1800;--container-max-width: 1280px;--container-padding: var(--space-6);--header-height: 80px;--footer-height: auto;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--bp-2xl: 1536px}[data-theme=dark]{--color-primary: var(--blue-500);--color-primary-hover: var(--blue-400);--color-primary-active: var(--blue-300);--color-primary-light: var(--blue-950);--color-secondary: var(--purple-500);--color-secondary-hover: var(--purple-400);--color-background: var(--gray-950);--color-surface: var(--gray-900);--color-surface-2: var(--gray-800);--color-surface-3: var(--gray-700);--color-surface-hover: var(--gray-800);--color-text-primary: var(--gray-50);--color-text-secondary: var(--gray-300);--color-text-tertiary: var(--gray-400);--color-text-disabled: var(--gray-600);--color-text-inverse: var(--gray-900);--color-border: var(--gray-800);--color-border-hover: var(--gray-700);--color-border-focus: var(--blue-500);--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .4), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .6);--gradient-subtle: linear-gradient(135deg, var(--gray-900) 0%, var(--gray-800) 100%)}*,*: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;text-rendering:optimizeLegibility;color-scheme:light dark}body{font-family:var(--font-secondary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-background);transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600;line-height:var(--leading-tight);color:var(--color-text-primary);margin-bottom:var(--space-4);letter-spacing:-.025em}h1{font-size:var(--text-4xl);font-weight:800;line-height:var(--leading-none)}h2{font-size:var(--text-3xl);font-weight:700}h3{font-size:var(--text-2xl);font-weight:600}h4{font-size:var(--text-xl);font-weight:600}h5{font-size:var(--text-lg);font-weight:600}h6{font-size:var(--text-base);font-weight:600}p{margin-bottom:var(--space-4);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.leading-tight{line-height:var(--leading-tight)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}a:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}img,video,canvas,audio,iframe,embed,object{display:block;max-width:100%;height:auto}img{border-radius:var(--radius-lg)}.container{max-width:var(--container-max-width);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding);width:100%}.section{padding:var(--space-20) 0}.section-sm{padding:var(--space-16) 0}.section-lg{padding:var(--space-32) 0}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-12{gap:var(--space-12)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-base);font-weight:500;line-height:var(--leading-normal);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;user-select:none;touch-action:manipulation;position:relative;overflow:hidden}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-sm);font-weight:600;border:1px solid transparent}.btn-primary:hover{box-shadow:var(--shadow-primary);transform:translateY(-1px);color:#fff;background:linear-gradient(135deg,#5856eb,#1d4ed8)}[data-theme=dark] .btn-primary{color:#fff;background:var(--gradient-primary);border:1px solid rgba(99,102,241,.3)}[data-theme=dark] .btn-primary:hover{color:#fff;background:linear-gradient(135deg,#7c7df1,#3b82f6);border-color:#6366f180}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:var(--color-text-inverse)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-xl)}.btn-full{width:100%}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-border-hover)}.card-header,.card-body{margin-bottom:var(--space-4)}.card-footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-secondary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast);appearance:none}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #3b82f61a}.form-input.error,.form-textarea.error,.form-select.error{border-color:var(--color-error)}.form-textarea{resize:vertical;min-height:120px}.form-error{display:block;margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-error)}.m-0{margin:0}.m-auto{margin:auto}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mt-16{margin-top:var(--space-16)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.mb-16{margin-bottom:var(--space-16)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.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}.hidden{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-fadeInUp{animation:fadeInUp .8s ease-out}.animate-slideIn{animation:slideIn .6s ease-out}.animate-float{animation:float 3s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.header-sticky{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);background:#fffc;backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);transition:all var(--transition-fast)}[data-theme=dark] .header-sticky{background:#030712cc;border-bottom:1px solid var(--color-border)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:500;line-height:1;color:var(--color-text-primary);background:var(--color-surface-2);border-radius:var(--radius-full);border:1px solid var(--color-border)}.badge-primary{color:var(--color-text-inverse);background:var(--color-primary);border-color:var(--color-primary)}.badge-success{color:var(--color-text-inverse);background:var(--color-success);border-color:var(--color-success)}.loading{position:relative;overflow:hidden}.loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@media (max-width: 640px){:root{--container-padding: var(--space-4);--header-height: 64px}.section{padding:var(--space-16) 0}.section-lg{padding:var(--space-24) 0}.btn{padding:var(--space-3) var(--space-5)}.card{padding:var(--space-4)}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.grid-cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}}@media (max-width: 480px){.btn-full{width:100%}.gap-8{gap:var(--space-4)}.gap-12{gap:var(--space-6)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){:root{--color-border: var(--gray-600)}[data-theme=dark]{--color-border: var(--gray-400)}}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-sm)}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}body{font-size:12pt;line-height:1.5}.header-sticky,.btn,.no-print{display:none!important}}:root{--header-height: 80px;--header-bg-light: rgba(255, 255, 255, .95);--header-bg-dark: rgba(3, 7, 18, .95);--header-border-light: rgba(0, 0, 0, .1);--header-border-dark: rgba(255, 255, 255, .1);--header-shadow: 0 4px 20px rgba(0, 0, 0, .08);--header-shadow-dark: 0 4px 20px rgba(0, 0, 0, .3)}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);height:var(--header-height);display:flex;align-items:center;transition:all var(--transition-fast);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header{background:var(--header-bg-light);border-bottom:1px solid var(--header-border-light);box-shadow:var(--header-shadow)}[data-theme=dark] .header{background:var(--header-bg-dark);border-bottom:1px solid var(--header-border-dark);box-shadow:var(--header-shadow-dark)}.header.scroll-down{transform:translateY(-100%)}.header.scroll-up{transform:translateY(0);box-shadow:var(--shadow-lg)}[data-theme=dark] .header.scroll-up{box-shadow:0 8px 32px #0006}.header .container{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 var(--container-padding);max-width:var(--container-max-width);margin:0 auto}.navbar-logo{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:800;text-decoration:none;color:var(--color-text-primary);transition:all var(--transition-fast);display:flex;align-items:center}.navbar-logo:hover{transform:scale(1.05);color:var(--color-text-primary)}.navbar{display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0}.navbar-menu{display:flex;align-items:center;gap:var(--space-8);list-style:none;margin:0;padding:0}.navbar-item{position:relative}.navbar-link{color:var(--color-text-secondary);text-decoration:none;font-weight:500;font-size:var(--text-base);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-fast);position:relative;display:flex;align-items:center;white-space:nowrap}.navbar-link:not(.btn):hover{color:var(--color-primary);background:#6366f11a}[data-theme=dark] .navbar-link:not(.btn):hover{background:#6366f126}.navbar-link:not(.btn):after{content:"";position:absolute;bottom:-4px;left:50%;width:0;height:2px;background:var(--gradient-primary);transition:all var(--transition-fast);transform:translate(-50%)}.navbar-link:not(.btn):hover:after{width:80%}.navbar-link.btn{background:var(--gradient-primary);color:#fff!important;border:2px solid transparent;font-weight:600;padding:var(--space-3) var(--space-6);box-shadow:var(--shadow-primary)}.navbar-link.btn:hover{background:linear-gradient(135deg,#5856eb,#1d4ed8);color:#fff!important;transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}[data-theme=dark] .navbar-link.btn{background:var(--gradient-primary);color:#fff!important;border-color:#6366f14d}[data-theme=dark] .navbar-link.btn:hover{background:linear-gradient(135deg,#7c7df1,#3b82f6);color:#fff!important;border-color:#6366f180}.navbar-toggle{display:none;flex-direction:column;gap:4px;background:none;border:none;cursor:pointer;padding:var(--space-2);z-index:calc(var(--z-modal) + 1);position:relative}.hamburger-line{width:24px;height:2px;background:var(--color-text-primary);transition:all .3s ease;border-radius:2px}.navbar-toggle.active .hamburger-line:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.navbar-toggle.active .hamburger-line:nth-child(2){opacity:0}.navbar-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.theme-toggle{position:fixed;bottom:var(--space-6);right:var(--space-6);width:56px;height:56px;background:var(--gradient-primary);border:none;border-radius:var(--radius-full);color:#fff;font-size:var(--text-lg);cursor:pointer;box-shadow:var(--shadow-lg);transition:all var(--transition-fast);z-index:var(--z-sticky);display:flex;align-items:center;justify-content:center}.theme-toggle:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.theme-toggle i{transition:all var(--transition-fast);position:absolute}.theme-toggle .fa-sun{opacity:0;transform:rotate(180deg)}[data-theme=dark] .theme-toggle .fa-sun{opacity:1;transform:rotate(0)}[data-theme=dark] .theme-toggle .fa-moon{opacity:0;transform:rotate(-180deg)}@media (max-width: 768px){.navbar-toggle{display:flex}.navbar-menu{position:fixed;top:0;right:0;height:100vh;width:300px;background:var(--color-surface);backdrop-filter:blur(20px);border-left:1px solid var(--color-border);flex-direction:column;justify-content:flex-start;align-items:stretch;padding:calc(var(--header-height) + var(--space-8)) var(--space-6) var(--space-8);gap:var(--space-4);transform:translate(100%);transition:transform .3s ease;opacity:0;box-shadow:var(--shadow-2xl);z-index:var(--z-modal)}[data-theme=dark] .navbar-menu{background:#030712f2;border-left:1px solid rgba(255,255,255,.1)}.navbar-menu.active{transform:translate(0);opacity:1}.navbar-item{width:100%}.navbar-link{display:block;width:100%;text-align:center;padding:var(--space-4);border-radius:var(--radius-lg)}.navbar-link.btn{margin-top:var(--space-4);justify-content:center}.theme-toggle{bottom:var(--space-4);right:var(--space-4);width:48px;height:48px;font-size:var(--text-base)}}@media (max-width: 480px){.navbar-logo{font-size:var(--text-xl)}.navbar-menu{width:100%;left:0;right:0;border-left:none;border-top:1px solid var(--color-border)}[data-theme=dark] .navbar-menu{border-top:1px solid rgba(255,255,255,.1)}}.navbar-link:focus-visible,.navbar-toggle:focus-visible,.theme-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast: high){.navbar-link.btn{border-width:3px}.navbar-menu{border-width:2px}}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-20) 0 var(--space-8);position:relative}.footer:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(37,99,235,.03) 0%,transparent 50%);pointer-events:none}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-16);margin-bottom:var(--space-16);position:relative;z-index:2}.footer-brand{max-width:400px}.footer-logo{display:inline-block;font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:800;text-decoration:none;color:var(--color-text-primary);margin-bottom:var(--space-6);transition:all var(--transition-fast)}.footer-logo:hover{transform:scale(1.05);color:var(--color-text-primary)}.footer-logo .text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.footer-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);font-size:var(--text-base)}.footer-social{display:flex;gap:var(--space-4)}.social-link{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-secondary);font-size:var(--text-lg);text-decoration:none;transition:all var(--transition-fast)}.social-link:hover{background:var(--gradient-primary);color:#fff;border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow-lg)}.footer-nav{display:flex;gap:var(--space-12)}.footer-links-group{min-width:160px}.footer-title{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-6);position:relative}.footer-title:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:2px;background:var(--gradient-primary);border-radius:2px}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-3)}.footer-links a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-base);transition:all var(--transition-fast);display:inline-block}.footer-links a:hover{color:var(--color-primary);transform:translate(4px)}.footer-contact{max-width:280px}.footer-contact-info{margin-bottom:var(--space-8)}.contact-item{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);color:var(--color-text-secondary);font-size:var(--text-sm)}.contact-item i{width:20px;color:var(--color-primary);font-size:var(--text-base);flex-shrink:0}.contact-item a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.contact-item a:hover{color:var(--color-primary)}.footer-newsletter{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-6);position:relative;overflow:hidden}.footer-newsletter:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary)}.newsletter-title{font-family:var(--font-primary);font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2)}.newsletter-description{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--space-8);display:flex;justify-content:space-between;align-items:center;position:relative;z-index:2}.footer-copyright p{color:var(--color-text-secondary);font-size:var(--text-sm);margin:0}.footer-legal{display:flex;align-items:center;gap:var(--space-4)}.footer-legal a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--color-primary)}.footer-legal .separator{color:var(--color-text-tertiary);font-size:var(--text-xs)}.settings-menu-btn{position:fixed;bottom:1.5rem;left:1.5rem;width:50px;height:50px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.125rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1200;display:flex;align-items:center;justify-content:center}.settings-menu-btn:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.settings-menu-btn i{animation:rotate 2s ease-in-out infinite}@keyframes rotate{0%,to{transform:rotate(0)}50%{transform:rotate(180deg)}}.settings-menu{position:fixed;bottom:6rem;left:1.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:1201;overflow:hidden;backdrop-filter:blur(10px);min-width:200px;opacity:0;transform:translateY(20px) scale(.9);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:none}.settings-menu.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.settings-menu-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-5);background:none;border:none;color:var(--color-text-primary);font-family:inherit;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--color-border);text-align:left}.settings-menu-item:last-child{border-bottom:none}.settings-menu-item:hover{background:var(--color-surface-hover);color:var(--color-primary)}.settings-menu-item i{font-size:var(--text-base);width:16px;text-align:center;color:var(--color-primary);flex-shrink:0}.back-to-top{position:fixed;bottom:1.5rem;right:1.5rem;width:50px;height:50px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1.125rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1100;opacity:0;visibility:hidden;transform:translateY(20px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}@media (max-width: 1024px){.footer-grid{grid-template-columns:1fr;gap:var(--space-12)}.footer-nav{justify-content:space-between}.footer-contact{max-width:none}}@media (max-width: 768px){.footer{padding:var(--space-16) 0 var(--space-6)}.footer-grid{gap:var(--space-10)}.footer-nav{flex-direction:column;gap:var(--space-8)}.footer-bottom{flex-direction:column;gap:var(--space-6);text-align:center}.footer-legal{flex-wrap:wrap;justify-content:center}.footer-social{justify-content:center}.settings-menu-btn{bottom:1rem;left:1rem;width:45px;height:45px;font-size:1rem}.settings-menu{bottom:5rem;left:1rem;min-width:180px}.settings-menu-item{padding:var(--space-3) var(--space-4);font-size:var(--text-xs)}.back-to-top{bottom:1rem;right:1rem;width:45px;height:45px;font-size:1rem}}@media (max-width: 480px){.footer-brand{text-align:center}.footer-links-group{text-align:center;min-width:auto}.footer-contact{text-align:center}.contact-item{justify-content:center}.social-link{width:44px;height:44px;font-size:var(--text-base)}.settings-menu{min-width:160px}}[data-theme=dark] .settings-menu{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 20px 25px -5px #0000004d,0 8px 10px -6px #0000004d}[data-theme=dark] .settings-menu-btn{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d}[data-theme=dark] .settings-menu-btn:hover{box-shadow:0 20px 25px -5px #0006,0 8px 10px -6px #0006}[data-theme=dark] .back-to-top{box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d}[data-theme=dark] .back-to-top:hover{box-shadow:0 20px 25px -5px #0006,0 8px 10px -6px #0006}.settings-menu-btn:focus-visible,.settings-menu-item:focus-visible,.back-to-top:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.settings-menu-btn,.back-to-top,.settings-menu{transition:none}.settings-menu-btn:hover,.back-to-top:hover{transform:none}.settings-menu-btn i{animation:none}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 30% 20%,rgba(59,130,246,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.08) 0%,transparent 50%),var(--color-background);padding-top:var(--header-height)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0%,rgba(59,130,246,.03) 50%,transparent 100%);pointer-events:none}.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-6);animation:fadeInUp .8s ease-out;box-shadow:var(--shadow-primary)}.hero-title{font-family:var(--font-primary);font-size:var(--text-6xl);font-weight:800;line-height:var(--leading-none);color:var(--color-text-primary);margin-bottom:var(--space-6);animation:fadeInUp .8s ease-out .2s both;text-wrap:balance}.hero-description{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);animation:fadeInUp .8s ease-out .4s both;text-wrap:pretty}.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);padding:var(--space-8) 0;border-top:1px solid var(--color-border);animation:fadeInUp .8s ease-out .8s both}.metric-number{display:block;font-family:var(--font-primary);font-size:var(--text-3xl);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-2)}.metric-label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.hero-visual{position:relative;animation:fadeIn 1s ease-out .4s both}.code-editor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-2xl);backdrop-filter:blur(20px);position:relative}.code-editor:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:.5}.code-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.code-dot{width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-border)}.code-dot:nth-child(1){background:#ff5f56}.code-dot:nth-child(2){background:#ffbd2e}.code-dot:nth-child(3){background:#27ca3f}.code-content{padding:var(--space-8);font-family:var(--font-mono);background:var(--color-background)}.code-line{display:block;color:var(--color-text-primary);font-size:var(--text-base);line-height:1.8;opacity:0;animation:typeIn .5s ease-out forwards;position:relative}.code-line:nth-child(1){animation-delay:1s}.code-line:nth-child(2){animation-delay:1.3s}.code-line:nth-child(3){animation-delay:1.6s}.code-line:nth-child(4){animation-delay:1.9s}.code-line:nth-child(5){animation-delay:2.2s}.code-keyword{color:var(--blue-500)}.code-function{color:var(--purple-500)}.code-string{color:var(--green-600)}.code-comment{color:var(--color-text-tertiary);font-style:italic}.code-cursor{background:var(--color-primary);color:#fff;padding:2px 6px;border-radius:var(--radius-base);animation:blink 1.5s infinite;font-weight:600}.floating-elements{position:absolute;inset:0;pointer-events:none;z-index:1}.floating-tech{position:absolute;background:var(--gradient-primary);color:#fff;width:60px;height:60px;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);box-shadow:var(--shadow-primary);animation:float 6s ease-in-out infinite;backdrop-filter:blur(10px)}.floating-tech:nth-child(1){top:15%;right:10%;animation-delay:0s}.floating-tech:nth-child(2){top:60%;right:5%;animation-delay:2s;background:var(--gradient-secondary)}.floating-tech:nth-child(3){top:35%;right:25%;animation-delay:4s;width:50px;height:50px;font-size:var(--text-lg)}.floating-tech:nth-child(4){top:75%;right:30%;animation-delay:1s;width:45px;height:45px;background:linear-gradient(135deg,var(--green-500),var(--green-600))}.about-section{padding:var(--space-32) 0;background:var(--color-surface);position:relative}.about-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(59,130,246,.03) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(168,85,247,.03) 0%,transparent 40%);pointer-events:none}.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-3xl);overflow:hidden;transition:all var(--transition-normal);position:relative}.service-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal);z-index:1}.service-card:hover:before{opacity:.03}.service-card:hover{transform:translateY(-12px);box-shadow:var(--shadow-2xl);border-color:var(--color-primary)}.service-icon{width:80px;height:80px;background:var(--gradient-primary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);color:#fff;margin-bottom:var(--space-6);box-shadow:var(--shadow-primary);transition:all var(--transition-normal)}.service-card:hover .service-icon{transform:scale(1.1) rotate(-5deg)}.service-features{list-style:none;margin-bottom:var(--space-6)}.service-features li{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm);position:relative}.service-features li:before{content:"";width:20px;height:20px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.service-features li:after{content:"✓";position:absolute;left:6px;color:#fff;font-size:12px;font-weight:600}.service-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary);font-weight:600;text-decoration:none;transition:all var(--transition-fast);position:relative;z-index:2}.project-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-normal)}.project-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.project-image{position:relative;height:240px;overflow:hidden;background:var(--gradient-subtle);display:flex;align-items:center;justify-content:center}.project-image:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:.1}.project-image i{font-size:var(--text-6xl);color:var(--color-primary);z-index:2;position:relative}.project-content{padding:var(--space-6)}.project-title{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-3)}.project-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-4)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-tag{padding:var(--space-1) var(--space-3);background:var(--color-primary-light);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.cta-section{padding:var(--space-32) 0;background:var(--gradient-primary);color:#fff;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.cta-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:2}.cta-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-6);backdrop-filter:blur(10px)}.cta-title{font-size:var(--text-5xl);font-weight:800;line-height:var(--leading-tight);margin-bottom:var(--space-6);text-wrap:balance}.cta-description{font-size:var(--text-xl);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);opacity:.95;text-wrap:pretty;color:#fffffff2;font-weight:500}.cta-actions{display:flex;gap:var(--space-4);justify-content:center}.btn-white{background:#fff;color:var(--color-primary);border:none}.btn-white:hover{background:var(--color-background);transform:translateY(-2px);box-shadow:0 8px 25px #00000026;color:var(--color-primary)}.btn-outline-white{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.btn-outline-white:hover{background:#ffffff1a;border-color:#fff;color:#fff}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);position:relative;z-index:2}.feature-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);position:relative;overflow:hidden;transition:all var(--transition-normal)}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-normal);transform-origin:left}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-border-hover)}.feature-icon{width:64px;height:64px;background:var(--gradient-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);color:#fff;margin-bottom:var(--space-6);transition:all var(--transition-normal)}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:var(--shadow-primary)}.feature-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4)}.feature-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes typeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(2deg)}50%{transform:translateY(-5px) rotate(-1deg)}75%{transform:translateY(-15px) rotate(1deg)}}.stagger-animation>*{opacity:0;transform:translateY(30px);animation:staggerIn .6s ease-out forwards}.stagger-animation>*:nth-child(1){animation-delay:.1s}.stagger-animation>*:nth-child(2){animation-delay:.2s}.stagger-animation>*:nth-child(3){animation-delay:.3s}.stagger-animation>*:nth-child(4){animation-delay:.4s}.stagger-animation>*:nth-child(5){animation-delay:.5s}.stagger-animation>*:nth-child(6){animation-delay:.6s}@keyframes staggerIn{to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.hero-title{font-size:var(--text-5xl)}.services-grid{grid-template-columns:1fr;gap:var(--space-8)}.features-grid,.projects-grid{grid-template-columns:1fr;gap:var(--space-6)}}@media (max-width: 768px){.hero{min-height:90vh;padding-top:var(--space-20)}.hero-title{font-size:var(--text-4xl)}.hero-description{font-size:var(--text-lg)}.hero-actions{flex-direction:column;align-items:center}.hero-metrics{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.cta-title{font-size:var(--text-3xl)}.cta-actions{flex-direction:column;align-items:center}.floating-tech{width:45px;height:45px;font-size:var(--text-lg)}}@media (max-width: 480px){.hero-title{font-size:var(--text-3xl)}.hero-metrics{grid-template-columns:1fr;text-align:center}.feature-card,.service-card,.project-card{padding:var(--space-6)}}[data-theme=dark] .floating-tech{box-shadow:0 8px 25px #3b82f666}[data-theme=dark] .code-editor{box-shadow:0 25px 50px -12px #00000080}[data-theme=dark] .project-image:before{opacity:.2}.contact-section{padding:var(--space-32) 0;background:var(--color-background);position:relative}.contact-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(37,99,235,.03) 0%,transparent 50%);pointer-events:none}.section-header{text-align:center;max-width:800px;margin:0 auto var(--space-20);position:relative;z-index:2}.section-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.05em}.section-title{font-family:var(--font-primary);font-size:var(--text-5xl);font-weight:800;line-height:var(--leading-tight);color:var(--color-text-primary);margin-bottom:var(--space-6);text-wrap:balance}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.section-description{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed);text-wrap:pretty}.contact-wrapper{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-16);max-width:1400px;margin:0 auto;position:relative;z-index:2}.contact-form-container{background:var(--color-surface);border-radius:calc(var(--radius-2xl) + 8px);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-lg);backdrop-filter:blur(10px)}.contact-info-container{display:flex;flex-direction:column;gap:var(--space-8)}.contact-cards{display:flex;flex-direction:column;gap:var(--space-6)}.contact-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;transition:all var(--transition-normal);backdrop-filter:blur(10px);position:relative;overflow:hidden}.contact-card:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal);z-index:1}.contact-card:hover:before{opacity:.05}.contact-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:#6366f14d}.contact-card-icon{width:70px;height:70px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);color:#fff;font-size:var(--text-xl);box-shadow:0 8px 25px #6366f14d;transition:all var(--transition-normal);position:relative;z-index:2}.contact-card:hover .contact-card-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 35px #6366f166}.contact-card h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text-primary);position:relative;z-index:2}.contact-card p{color:var(--color-text-secondary);margin:0;position:relative;z-index:2;font-size:var(--text-base)}.contact-card a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.contact-card a:hover{color:var(--color-primary)}.contact-social{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center}.contact-social h4{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-6)}.social-icons{display:flex;justify-content:center;gap:var(--space-4)}.social-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--color-background);border:2px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--text-lg);transition:all var(--transition-normal);text-decoration:none;backdrop-filter:blur(10px);position:relative;overflow:hidden}.social-icon:before{content:"";position:absolute;inset:0;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal);border-radius:inherit}.social-icon:hover:before{opacity:1}.social-icon:hover{color:#fff;transform:translateY(-3px) scale(1.05);border-color:transparent;box-shadow:0 8px 25px #6366f14d}.social-icon i{position:relative;z-index:2}@media (max-width: 1024px){.contact-wrapper{grid-template-columns:1fr;gap:var(--space-12)}.contact-form-container{order:1}.contact-info-container{order:2}.contact-cards{flex-direction:row;gap:var(--space-4)}.contact-card{flex:1;padding:var(--space-6)}.contact-card-icon{width:60px;height:60px;font-size:var(--text-lg)}}@media (max-width: 768px){.contact-section{padding:var(--space-20) 0}.section-title{font-size:var(--text-3xl)}.section-description{font-size:var(--text-lg)}.contact-cards{flex-direction:column}.contact-card{padding:var(--space-6)}.social-icons{flex-wrap:wrap}}@media (max-width: 480px){.section-badge{font-size:var(--text-xs);padding:var(--space-1-5) var(--space-3)}.section-title{font-size:var(--text-2xl)}.section-description{font-size:var(--text-base)}.contact-card{padding:var(--space-4)}.contact-card-icon{width:50px;height:50px;font-size:var(--text-base)}.social-icon{width:44px;height:44px;font-size:var(--text-base)}}:root{--form-gradient: linear-gradient(135deg, #6366f1 0%, #2563eb 100%);--form-secondary: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--form-accent: linear-gradient(135deg, #2dd4bf 0%, #0891b2 100%);--form-success: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--form-error: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--form-warning: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--form-radius: 16px;--form-shadow: 0 10px 25px -5px rgba(0, 0, 0, .1);--form-shadow-focus: 0 15px 30px -5px rgba(99, 102, 241, .2);--form-animation: cubic-bezier(.16, 1, .3, 1);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .1)}[data-theme=light]{--form-shadow: 0 10px 25px -5px rgba(0, 0, 0, .08);--form-shadow-focus: 0 15px 30px -5px rgba(99, 102, 241, .15);--glass-bg: rgba(0, 0, 0, .02);--glass-border: rgba(0, 0, 0, .08)}.contact-form-wrapper{background:var(--color-surface);border-radius:calc(var(--form-radius) + 8px);overflow:hidden;box-shadow:var(--form-shadow);border:1px solid var(--color-border);backdrop-filter:blur(10px);position:relative}.contact-form-wrapper:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:1}.contact-form-wrapper:hover:before{opacity:1}.form-header{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-background);position:relative;z-index:2}.form-header:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--form-gradient);transform:scaleX(0);transition:transform .3s ease}.form-header:hover:before{transform:scaleX(1)}.tab{flex:1;padding:var(--space-6) var(--space-8);text-align:center;background:transparent;border:none;cursor:pointer;transition:all .3s var(--form-animation);display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-secondary);font-weight:500;font-size:var(--text-base);position:relative;overflow:hidden}.tab:before{content:"";position:absolute;inset:0;background:var(--form-gradient);opacity:0;transition:opacity .3s ease;z-index:-1}.tab:hover{background:#6366f10d;color:var(--color-text-primary);transform:translateY(-2px)}.tab.active{background:var(--color-surface);color:#fff;border-bottom:3px solid transparent;background-image:var(--form-gradient);background-clip:padding-box;font-weight:600;box-shadow:0 -4px 15px #6366f133}.tab.active:before{opacity:.1}.tab i{font-size:var(--text-lg);transition:transform .3s ease}.tab:hover i,.tab.active i{transform:scale(1.1)}.form-panels{position:relative;min-height:500px;background:var(--color-background)}.form-panel{display:none;padding:var(--space-8);animation:fadeInSlide .4s var(--form-animation);position:relative;z-index:2}.form-panel.active{display:block}.form-panel-header{text-align:center;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.form-panel-header h3{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-3)}.form-panel-header p{color:var(--color-text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.contact-form{max-width:none}.form-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);margin-bottom:var(--space-6)}@media (min-width: 768px){.form-grid{grid-template-columns:1fr 1fr}}.form-group{margin-bottom:var(--space-6);position:relative}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--color-text-primary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.5px;transition:color .2s ease}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--space-4) var(--space-5);font-size:var(--text-base);border:2px solid var(--color-border);border-radius:var(--form-radius);background:var(--color-surface);color:var(--color-text-primary);transition:all .3s var(--form-animation);font-family:inherit;position:relative;z-index:1;backdrop-filter:blur(5px)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-tertiary);opacity:.7;transition:opacity .2s ease}.form-group input:focus::placeholder,.form-group textarea:focus::placeholder{opacity:.5}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);background:var(--color-background);box-shadow:0 0 0 4px #6366f11a,var(--form-shadow-focus);transform:translateY(-2px)}.form-group input:focus+label,.form-group textarea:focus+label,.form-group select:focus+label{color:var(--color-primary)}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:var(--color-error);background:#ef44440d;box-shadow:0 0 0 4px #ef44441a,0 8px 25px -8px #ef444433;animation:shakeError .4s ease-in-out}@keyframes shakeError{0%,20%,40%,60%,80%,to{transform:translate(0)}10%,50%,90%{transform:translate(-3px)}30%,70%{transform:translate(3px)}}.form-group input:disabled,.form-group textarea:disabled,.form-group select:disabled{opacity:.6;cursor:not-allowed;background:var(--color-border);transform:none}.form-group textarea{resize:vertical;min-height:140px;line-height:var(--leading-relaxed)}.form-group select{cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-tertiary) 50%),linear-gradient(-45deg,var(--color-text-tertiary) 50%,transparent 50%);background-position:calc(100% - 20px) calc(50% - 2px),calc(100% - 14px) calc(50% - 2px);background-size:6px 6px;background-repeat:no-repeat;padding-right:var(--space-12);appearance:none}.form-group select:focus{background-image:linear-gradient(45deg,transparent 50%,var(--color-primary) 50%),linear-gradient(-45deg,var(--color-primary) 50%,transparent 50%)}.error-message{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-error);font-weight:500;animation:slideInError .3s ease}.error-message:before{content:"⚠";font-size:var(--text-base)}@keyframes slideInError{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,#ef44441a,#dc26260d);border:1px solid rgba(239,68,68,.3);border-radius:var(--form-radius);color:var(--color-error);margin-bottom:var(--space-6);font-size:var(--text-sm);font-weight:500;backdrop-filter:blur(10px);animation:slideInError .4s ease}.form-error i{font-size:var(--text-lg);flex-shrink:0}.form-success{text-align:center;padding:var(--space-12) var(--space-6);animation:fadeInScale .6s var(--form-animation)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.form-success .success-icon{margin-bottom:var(--space-8)}.form-success .success-icon i{font-size:4rem;background:var(--form-success);-webkit-background-clip:text;background-clip:text;color:transparent;animation:bounceSuccess .6s ease}@keyframes bounceSuccess{0%,20%,40%,60%,80%,to{transform:scale(1)}10%,50%,90%{transform:scale(1.1)}30%,70%{transform:scale(1.05)}}.form-success h3{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:600;background:var(--form-success);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:var(--space-4)}.form-success p{color:var(--color-text-secondary);margin-bottom:var(--space-8);font-size:var(--text-lg);line-height:var(--leading-relaxed);max-width:400px;margin-left:auto;margin-right:auto}.success-actions{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-6)}.contact-form .btn,.form-actions .btn,.success-actions .btn{padding:var(--space-4) var(--space-8);font-size:var(--text-base);font-weight:600;border:none;border-radius:var(--form-radius);cursor:pointer;transition:all .3s var(--form-animation);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none;position:relative;overflow:hidden;font-family:inherit;backdrop-filter:blur(10px);min-height:48px}.contact-form .btn:before,.form-actions .btn:before,.success-actions .btn:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease}.contact-form .btn:hover:before,.form-actions .btn:hover:before,.success-actions .btn:hover:before{transform:translate(100%)}.contact-form .btn:disabled,.form-actions .btn:disabled,.success-actions .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-form .btn:disabled:before,.form-actions .btn:disabled:before,.success-actions .btn:disabled:before{transform:none}.btn-primary{background:var(--form-gradient);color:#fff;box-shadow:var(--form-shadow);width:100%}.btn-primary:hover:not(:disabled){transform:translateY(-4px);box-shadow:var(--form-shadow-focus)}.btn-primary:active{transform:translateY(-2px)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border:2px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--form-shadow)}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--form-shadow)}.form-actions{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.form-disclaimer{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-tertiary);text-align:center;justify-content:center}.form-disclaimer i{color:var(--color-primary);font-size:var(--text-base)}.newsletter-wrapper{position:relative}.footer-form{position:relative;width:100%}.form-input-group{display:flex;gap:var(--space-2);width:100%;background:#ffffff1a;border-radius:var(--form-radius);padding:var(--space-1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);transition:all .3s ease}[data-theme=light] .form-input-group{background:var(--color-background);border:2px solid var(--color-border);backdrop-filter:none}.form-input-group input{flex:1;padding:var(--space-3) var(--space-4);border:none;border-radius:calc(var(--form-radius) - 4px);background:transparent;color:var(--color-text-primary);font-size:var(--text-sm);transition:all .3s ease;font-family:inherit;min-height:40px}[data-theme=dark] .form-input-group input{color:#ffffffe6}[data-theme=light] .form-input-group input{color:var(--color-text-primary);background:var(--color-surface)}.form-input-group input::placeholder{color:#fff9}[data-theme=light] .form-input-group input::placeholder{color:var(--color-text-tertiary)}.form-input-group input:focus{outline:none;background:#ffffff26}[data-theme=light] .form-input-group input:focus{background:var(--color-background);box-shadow:0 0 0 3px #6366f11a}.form-input-group .btn{padding:var(--space-3) var(--space-6);white-space:nowrap;font-size:var(--text-sm);border-radius:calc(var(--form-radius) - 4px);font-weight:600;background:var(--form-gradient);color:#fff;border:none;cursor:pointer;transition:all .3s ease;min-height:40px;display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.form-input-group .btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #6366f166;background:linear-gradient(135deg,#5856eb,#1d4ed8);color:#fff}.form-input-group .btn:disabled{opacity:.6;cursor:not-allowed;transform:none}[data-theme=light] .form-input-group .btn{background:var(--color-primary);color:#fff}[data-theme=light] .form-input-group .btn:hover{background:var(--color-primary-hover);color:#fff}.form-input-group .btn:hover{transform:scale(1.05);box-shadow:0 4px 15px #6366f166}.newsletter-success{text-align:center;padding:var(--space-6);background:linear-gradient(135deg,#22c55e1a,#10b9810d);border:1px solid rgba(34,197,94,.3);border-radius:var(--form-radius);color:var(--color-success);backdrop-filter:blur(10px);animation:fadeInScale .4s ease}.newsletter-success i{font-size:var(--text-3xl);margin-bottom:var(--space-2);display:block;animation:bounceSuccess .6s ease}.newsletter-success p{margin:0;font-weight:600}.newsletter-error{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.newsletter-disclaimer{margin-top:var(--space-3);font-size:var(--text-xs);color:#fff9;text-align:center}[data-theme=light] .newsletter-disclaimer{color:var(--color-text-secondary)}.btn .fa-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.form-panel{padding:var(--space-6)}.tab{padding:var(--space-4);font-size:var(--text-sm)}.tab i{font-size:var(--text-base)}.contact-form .form-grid{grid-template-columns:1fr}.form-input-group{flex-direction:column}.form-input-group .btn{width:100%}.success-actions{flex-direction:column}#contacto .container{padding-left:0;padding-right:0}#contacto .container{margin-left:0;margin-right:0}}@media (max-width: 480px){.form-panel{padding:var(--space-4)}.tab{padding:var(--space-3);flex-direction:column;gap:var(--space-1)}.tab span{font-size:var(--text-xs)}.form-group input,.form-group textarea,.form-group select{padding:var(--space-3);font-size:var(--text-sm)}.form-panel-header h3{font-size:var(--text-xl)}}@media (prefers-reduced-motion: reduce){.form-panel{animation:none}.contact-form .btn:hover,.form-actions .btn:hover,.success-actions .btn:hover{transform:none}.btn .fa-spinner{animation:none}.contact-card:hover,.social-icon:hover{transform:none}}@media (prefers-contrast: high){.form-group input,.form-group textarea,.form-group select{border-width:3px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-width:3px;box-shadow:none;outline:3px solid var(--color-primary);outline-offset:2px}}@media print{.contact-form-wrapper{box-shadow:none;border:1px solid #000}.tab.active{border-bottom:1px solid #000}.form-group input,.form-group textarea,.form-group select{border:1px solid #000;background:#fff}}:root{--workflow-primary: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #6366f1 100%);--workflow-secondary: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 50%, #a855f7 100%);--workflow-success: linear-gradient(135deg, #10b981 0%, #059669 50%, #047857 100%);--workflow-completed: linear-gradient(135deg, #10b981 0%, #06d6a0 100%);--workflow-radius: 450px;--workflow-step-size: 160px;--hub-size: 280px;--hub-font-primary: "Inter", sans-serif;--workflow-glow: 0 0 40px rgba(99, 102, 241, .3);--workflow-glow-strong: 0 0 60px rgba(99, 102, 241, .5);--workflow-glass: rgba(255, 255, 255, .1);--workflow-glass-border: rgba(255, 255, 255, .2);--workflow-backdrop: blur(20px);--workflow-animation-bounce: cubic-bezier(.68, -.55, .265, 1.55);--workflow-animation-smooth: cubic-bezier(.25, .46, .45, .94);--workflow-animation-elastic: cubic-bezier(.175, .885, .32, 1.275)}[data-theme=dark]{--workflow-glass: rgba(255, 255, 255, .05);--workflow-glass-border: rgba(255, 255, 255, .1);--workflow-glow: 0 0 50px rgba(99, 102, 241, .4);--workflow-glow-strong: 0 0 80px rgba(99, 102, 241, .6)}[data-theme=light]{--workflow-glass: rgba(99, 102, 241, .03);--workflow-glass-border: rgba(99, 102, 241, .1);--workflow-glow: 0 0 30px rgba(99, 102, 241, .2);--workflow-glow-strong: 0 0 50px rgba(99, 102, 241, .3)}.workflow-section-circular{padding:var(--space-32) 0;background:var(--color-background);position:relative;overflow:hidden;min-height:100vh}.workflow-section-circular:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 25%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(139,92,246,.06) 0%,transparent 50%),conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(99,102,241,.02) 60deg,transparent 120deg);animation:backgroundRotate 20s linear infinite;pointer-events:none}@keyframes backgroundRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.workflow-container-circular{max-width:1400px;margin:0 auto;position:relative;z-index:10;padding:0 var(--container-padding)}.circular-workflow-wrapper{position:relative;margin:var(--space-20) 0;min-height:700px;display:flex;align-items:center;justify-content:center;width:100%}.circular-workflow-desktop{position:relative;width:700px;height:700px;display:flex;align-items:center;justify-content:center}.center-step-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;background:#10b98114;border:2px solid rgba(16,185,129,.15);border-radius:50%;backdrop-filter:blur(15px);box-shadow:0 0 80px #10b98133,inset 0 0 40px #10b9811a;display:flex;align-items:center;justify-content:center;padding:.75rem;overflow:hidden}.center-content{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;transform:scale(.85)}.center-step-number{font-size:.75rem;margin-bottom:.25rem}.center-title{font-size:1.25rem;margin:.15rem 0;line-height:1.1}.center-subtitle{font-size:.7rem;max-width:110px;line-height:1.1;margin:0 auto;text-align:center}.step-bubble{width:160px;min-height:110px;padding:1.25rem;background:#0f172a99;border:1px solid rgba(148,163,184,.1);backdrop-filter:blur(12px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease}.step-bubble:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.center-progress-ring{width:160px;height:160px}.center-step-number,.center-title,.center-subtitle{opacity:0;transform:translateY(10px);animation:fadeInUp .5s forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.center-progress-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;pointer-events:none;opacity:.6}.progress-svg{transform:rotate(-90deg);filter:drop-shadow(0 0 10px rgba(16,185,129,.3));width:100%;height:100%}.progress-active{transition:stroke-dashoffset 1s var(--workflow-animation-elastic)}.center-autoplay{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);pointer-events:all}.autoplay-btn{width:40px;height:40px;background:var(--workflow-success);border:none;border-radius:50%;color:#fff;font-size:var(--text-sm);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #10b9814d}.autoplay-btn:hover{transform:scale(1.1);box-shadow:0 6px 20px #10b98166}.center-autoplay.active .autoplay-btn{animation:autoplayPulse 2s ease-in-out infinite}@keyframes autoplayPulse{0%,to{box-shadow:0 4px 15px #10b9814d}50%{box-shadow:0 4px 25px #10b98199,0 0 30px #10b9814d}}.lightning-connections{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:700px;height:700px;pointer-events:none;z-index:1;overflow:visible;opacity:.6}.lightning-path{display:none}.all-steps-completed .lightning-path{display:block;stroke:#10b98166;stroke-width:2px}.lightning-particle{filter:drop-shadow(0 0 10px rgba(16,185,129,1))}.lightning-preview .lightning-path{animation:lightningPreview 1.5s ease-in-out forwards,lightningFlow 2s ease-in-out infinite 1.5s;opacity:.9}@keyframes lightningPreview{0%{opacity:.3}to{opacity:.9}}.circular-steps{position:relative;width:100%;height:100%}.circular-step{position:absolute;transition:opacity .3s ease-in-out,filter .3s ease-in-out;z-index:2}.circular-step.active{z-index:3;filter:brightness(1.2)}.circular-step:not(.active){opacity:.7}.circular-step{transform:translate(-50%,-50%)!important}.step-bubble{background:var(--workflow-glass);border:2px solid var(--workflow-glass-border);border-radius:var(--radius-3xl);padding:var(--space-4);backdrop-filter:var(--workflow-backdrop);box-shadow:0 8px 32px #0000001a;transition:all .4s ease;position:relative;overflow:hidden;text-align:center;width:160px;min-height:110px}.step-bubble:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.circular-step:hover .step-bubble:before,.circular-step.active .step-bubble:before{left:100%}.circular-step.active .step-bubble{background:#10b98126;border-color:#10b98166;box-shadow:0 12px 40px #0003,var(--workflow-glow-strong)}.circular-step.completed .step-bubble{background:#10b9811a;border-color:#10b9814d}.step-number{width:50px;height:50px;background:var(--workflow-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3);font-size:var(--text-lg);font-weight:800;color:#fff;box-shadow:0 6px 20px #6366f14d;transition:all .3s ease;border:3px solid rgba(255,255,255,.2);flex-shrink:0}.circular-step.active .step-number{background:var(--workflow-success);box-shadow:0 8px 25px #10b98180;animation:activeStepPulse 2s ease-in-out infinite;transform:scale(1.1)}.circular-step.completed .step-number{background:var(--workflow-completed);box-shadow:0 6px 20px #10b98166}@keyframes activeStepPulse{0%,to{box-shadow:0 8px 25px #10b98180}50%{box-shadow:0 12px 35px #10b981b3,0 0 40px #10b9814d}}.step-content{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.step-title{font-size:var(--text-base);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-2);line-height:var(--leading-tight);text-align:center}.step-duration{font-size:var(--text-xs);color:var(--color-text-secondary);font-weight:500;padding:var(--space-1) var(--space-3);background:#6366f11a;border-radius:var(--radius-full);display:inline-block}.active-indicator{position:absolute;inset:-8px;pointer-events:none;z-index:-1}.pulse-ring{position:absolute;inset:0;border:2px solid rgba(16,185,129,.6);border-radius:var(--radius-3xl);animation:pulseRing 3s cubic-bezier(.455,.03,.515,.955) infinite}.pulse-ring-delay{animation-delay:1.5s}@keyframes pulseRing{0%{transform:scale(1);opacity:1}80%,to{transform:scale(1.4);opacity:0}}.circular-workflow-mobile{display:none}.mobile-steps-container{display:flex;flex-direction:column;gap:var(--space-4);position:relative}.mobile-steps-container:before{content:"";position:absolute;left:25px;top:0;bottom:0;width:4px;background:var(--workflow-primary);border-radius:var(--radius-full);opacity:.3}.mobile-step{display:flex;gap:var(--space-4);cursor:pointer;transition:all .3s ease;position:relative}.mobile-step-left{display:flex;flex-direction:column;align-items:center;position:relative}.mobile-step-number{width:50px;height:50px;background:var(--workflow-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:700;color:#fff;box-shadow:0 4px 15px #6366f14d;border:4px solid var(--color-background);z-index:2;transition:all .3s ease}.mobile-step.active .mobile-step-number{background:var(--workflow-success);box-shadow:0 6px 20px #10b98166;transform:scale(1.1)}.mobile-step.completed .mobile-step-number{background:var(--workflow-completed)}.mobile-step-content{flex:1;background:var(--workflow-glass);border:1px solid var(--workflow-glass-border);border-radius:var(--radius-2xl);padding:var(--space-6);backdrop-filter:var(--workflow-backdrop);transition:all .3s ease}.mobile-step.active .mobile-step-content{background:#10b98114;border-color:#10b98133;box-shadow:var(--workflow-glow)}.mobile-step-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.mobile-step-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin:0;line-height:var(--leading-tight)}.mobile-step-duration{font-size:var(--text-sm);color:var(--color-text-secondary);background:#10b9811a;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:500}.mobile-step-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-4);font-weight:500}.mobile-step-details{border-top:1px solid var(--color-border);padding-top:var(--space-4);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-step-description{color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:var(--leading-relaxed)}.mobile-step-features strong{color:var(--color-text-primary);display:block;margin-bottom:var(--space-2)}.mobile-step-features ul{margin:0;padding-left:var(--space-4)}.mobile-step-features li{color:var(--color-text-secondary);margin-bottom:var(--space-1)}.step-details-panel{margin:var(--space-20) 0;background:var(--workflow-glass);border:1px solid var(--workflow-glass-border);border-radius:var(--radius-3xl);padding:var(--space-12);backdrop-filter:var(--workflow-backdrop);box-shadow:0 25px 50px -12px #0000001a,var(--workflow-glow);position:relative;overflow:hidden}.step-details-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--workflow-success);animation:detailsBorder 3s ease-in-out infinite}@keyframes detailsBorder{0%,to{opacity:.6}50%{opacity:1}}.details-content{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-12);align-items:start}.details-header{display:flex;align-items:center;gap:var(--space-6);margin-bottom:var(--space-8)}.details-icon{width:80px;height:80px;background:var(--workflow-success);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);color:#fff;box-shadow:var(--workflow-glow);flex-shrink:0}.details-title{font-size:var(--text-3xl);font-weight:800;color:var(--color-text-primary);margin-bottom:var(--space-2)}.details-subtitle{color:var(--color-success);font-size:var(--text-xl);font-weight:600;margin:0}.details-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);font-size:var(--text-lg)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.details-deliverables h4,.details-tools h4{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-primary);font-weight:700;margin-bottom:var(--space-6);font-size:var(--text-xl)}.details-deliverables ul{list-style:none;margin:0;padding:0}.details-deliverables li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#10b9810d;border-radius:var(--radius-lg);margin-bottom:var(--space-3);color:var(--color-text-secondary);transition:all .3s ease;border-left:3px solid var(--color-success)}.details-deliverables li:before{content:"✓";width:20px;height:20px;background:var(--color-success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;font-weight:700;flex-shrink:0}.details-deliverables li:hover{background:#10b98114;transform:translate(8px)}.tools-grid{display:flex;flex-wrap:wrap;gap:var(--space-3)}.tool-badge{background:var(--workflow-success);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;transition:all .3s ease;cursor:pointer}.tool-badge:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 25px #10b9814d}.details-visual{display:flex;align-items:center;justify-content:center}.visual-placeholder{width:100%;height:400px;background:var(--workflow-glass);border:2px dashed var(--workflow-glass-border);border-radius:var(--radius-3xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);color:var(--color-text-secondary);transition:all .4s ease;position:relative;overflow:hidden}.visual-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 49%,rgba(16,185,129,.05) 50%,transparent 51%),linear-gradient(-45deg,transparent 49%,rgba(139,92,246,.05) 50%,transparent 51%);background-size:20px 20px;animation:patternMove 15s linear infinite}.visual-placeholder:hover{border-color:#10b9814d;background:#10b98108}.visual-placeholder i{font-size:4rem;color:var(--color-success);margin-bottom:var(--space-4);animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.visual-placeholder span{font-weight:600;text-align:center}.workflow-navigation{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8);margin-top:var(--space-16);padding:var(--space-8);background:var(--workflow-glass);border:1px solid var(--workflow-glass-border);border-radius:var(--radius-3xl);backdrop-filter:var(--workflow-backdrop)}.nav-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:transparent;border:2px solid var(--color-success);border-radius:var(--radius-2xl);color:var(--color-success);font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;font-family:inherit;font-size:var(--text-base)}.nav-btn:hover{background:var(--color-success);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #10b9814d}.nav-indicators{display:flex;gap:var(--space-3)}.nav-indicator{width:50px;height:50px;border-radius:50%;background:transparent;border:2px solid var(--color-border);color:var(--color-text-secondary);font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.nav-indicator:hover{border-color:var(--color-success);color:var(--color-success);transform:scale(1.1)}.nav-indicator.active{background:var(--color-success);border-color:var(--color-success);color:#fff;box-shadow:0 4px 15px #10b9814d}.nav-indicator.completed{background:var(--color-success);border-color:var(--color-success);color:#fff}@media (max-width: 1200px){:root{--workflow-radius: 260px;--workflow-step-size: 130px}.circular-workflow-desktop,.lightning-connections{width:600px;height:600px}}@media (max-width: 968px){.circular-workflow-desktop{display:none}.circular-workflow-mobile{display:block;width:100%}.workflow-navigation{flex-direction:column;gap:var(--space-6)}.nav-indicators{order:-1}.details-grid{grid-template-columns:1fr}}@media (max-width: 768px){.workflow-section-circular{padding:var(--space-20) 0}.step-details-panel{padding:var(--space-6)}.details-title{font-size:var(--text-2xl)}.details-icon{width:60px;height:60px;font-size:var(--text-xl)}.mobile-step-content{padding:var(--space-4)}.mobile-step-title{font-size:var(--text-lg)}}@media (max-width: 480px){:root{--workflow-step-size: 100px}.workflow-navigation{padding:var(--space-4)}.nav-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.nav-indicators{gap:var(--space-2)}.nav-indicator{width:40px;height:40px;font-size:var(--text-sm)}.mobile-step-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@keyframes patternMove{0%{background-position:0 0,0 0}to{background-position:20px 20px,-20px -20px}}.circular-step,.mobile-step,.tool-badge,.nav-btn,.nav-indicator{will-change:transform;transform:translateZ(0)}.workflow-loading{position:relative;overflow:hidden}.workflow-loading:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{left:-100%}to{left:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.circular-step:hover,.circular-step.active{transform:translate(-50%,-50%)!important}}@media (prefers-contrast: high){.circular-workflow-desktop,.step-details-panel,.workflow-navigation{border-width:3px}}:root{--service-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #6366f1 100%);--service-gradient-secondary: linear-gradient(135deg, #2563eb 0%, #1d4ed8 50%, #1e40af 100%);--service-gradient-accent: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 50%, #6d28d9 100%);--service-glow: 0 0 30px rgba(99, 102, 241, .4);--service-glow-strong: 0 0 60px rgba(99, 102, 241, .6);--service-card-radius: 32px;--service-animation: cubic-bezier(.16, 1, .3, 1);--particle-size: 6px;--cyber-green: #39ff14;--neon-blue: #00d4ff}[data-theme=light]{--service-glow: 0 0 30px rgba(99, 102, 241, .25);--service-glow-strong: 0 0 60px rgba(99, 102, 241, .35)}.page-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.15) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(37,99,235,.12) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(139,92,246,.08) 0%,transparent 60%),var(--color-background);overflow:hidden;padding:0}.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(99,102,241,.03) 50%,transparent 70%),linear-gradient(-45deg,transparent 30%,rgba(37,99,235,.03) 50%,transparent 70%);z-index:2;animation:techSweep 25s ease-in-out infinite}.page-hero:after{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(99,102,241,.05) 90deg,transparent 180deg),conic-gradient(from 180deg at 50% 50%,transparent 0deg,rgba(139,92,246,.05) 90deg,transparent 180deg);animation:conicRotate 30s linear infinite;z-index:1}@keyframes techSweep{0%,to{opacity:.4;transform:translate(-20px) scale(1)}33%{opacity:.7;transform:translate(10px) scale(1.02)}66%{opacity:.5;transform:translate(-5px) scale(.98)}}@keyframes conicRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-container{position:relative;z-index:3;max-width:1400px;margin:0 auto;padding:var(--space-20);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-20);align-items:center}.hero-content{padding:var(--space-8)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,#6366f126,#8b5cf626);border:2px solid rgba(99,102,241,.4);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:var(--space-8);backdrop-filter:blur(20px);animation:float 8s ease-in-out infinite;box-shadow:var(--service-glow)}.hero-badge i{font-size:var(--text-lg);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.page-hero__title{font-family:var(--font-primary);font-size:clamp(2.5rem,6vw,5rem);font-weight:900;line-height:1.1;margin-bottom:var(--space-8);background:var(--service-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;text-shadow:none}.page-hero__title:after{content:"";position:absolute;bottom:-15px;left:0;width:120px;height:6px;background:var(--service-gradient-primary);border-radius:4px;box-shadow:var(--service-glow);animation:expandLine 1s ease-out .5s both}@keyframes expandLine{0%{width:0;opacity:0}to{width:120px;opacity:1}}.page-hero__subtitle{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-10);max-width:600px;animation:slideInUp .8s ease-out .3s both}.hero-actions{display:flex;gap:var(--space-6);margin-bottom:var(--space-8);animation:slideInUp .8s ease-out .6s both}.btn-hero{padding:var(--space-5) var(--space-8);font-size:var(--text-lg);font-weight:700;border-radius:var(--radius-2xl);position:relative;overflow:hidden;transition:all .4s var(--service-animation);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-3);backdrop-filter:blur(10px);border:2px solid transparent}.btn-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.2) 50%,transparent 70%);transform:translate(-100%);transition:transform .8s ease}.btn-hero:hover:before{transform:translate(100%)}.btn-hero--primary{background:var(--service-gradient-primary);color:#fff;box-shadow:var(--service-glow)}.btn-hero--primary:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--service-glow-strong);color:#fff}.btn-hero--secondary{background:#ffffff1a;color:var(--color-primary);border-color:var(--color-primary);backdrop-filter:blur(20px)}.btn-hero--secondary:hover{background:var(--color-primary);color:#fff;transform:translateY(-6px) scale(1.02);box-shadow:var(--service-glow);border-color:transparent}.hero-visual{position:relative;display:flex;align-items:center;justify-content:center;min-height:600px;animation:slideInRight 1s ease-out .4s both}.tech-container{position:relative;width:500px;height:500px;display:flex;align-items:center;justify-content:center}.tech-core{width:200px;height:200px;background:var(--service-gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:4rem;color:#fff;box-shadow:var(--service-glow-strong);animation:corePulse 4s ease-in-out infinite;z-index:5;position:relative}.tech-core:before{content:"";position:absolute;inset:-20px;border:2px solid rgba(99,102,241,.3);border-radius:50%;animation:rotate 15s linear infinite}.tech-core:after{content:"";position:absolute;inset:-40px;border:1px dashed rgba(139,92,246,.3);border-radius:50%;animation:rotate 20s linear infinite reverse}@keyframes corePulse{0%,to{transform:scale(1);box-shadow:var(--service-glow)}25%{transform:scale(1.05);box-shadow:var(--service-glow-strong)}50%{transform:scale(1.02) rotate(5deg);box-shadow:0 0 80px #6366f1cc}75%{transform:scale(1.08) rotate(-3deg);box-shadow:var(--service-glow-strong)}}.tech-ring{position:absolute;border-radius:50%;animation:rotate 25s linear infinite}.tech-ring:nth-child(1){width:280px;height:280px;border:3px solid rgba(99,102,241,.4);border-top-color:var(--color-primary);border-right-color:transparent;animation-duration:18s}.tech-ring:nth-child(2){width:360px;height:360px;border:2px solid rgba(139,92,246,.3);border-bottom-color:var(--cyber-green);border-left-color:transparent;animation-duration:30s;animation-direction:reverse}.tech-ring:nth-child(3){width:440px;height:440px;border:1px solid rgba(37,99,235,.3);border-right-color:var(--neon-blue);border-top-color:transparent;animation-duration:45s}.tech-particles{position:absolute;width:100%;height:100%}.particle{position:absolute;width:var(--particle-size);height:var(--particle-size);border-radius:50%;animation:particleFloat 12s ease-in-out infinite}.particle:nth-child(1){top:15%;left:25%;background:var(--cyber-green);box-shadow:0 0 20px var(--cyber-green);animation-delay:0s}.particle:nth-child(2){top:35%;right:20%;background:var(--neon-blue);box-shadow:0 0 20px var(--neon-blue);animation-delay:3s}.particle:nth-child(3){bottom:30%;left:15%;background:var(--color-primary);box-shadow:0 0 20px var(--color-primary);animation-delay:6s}.particle:nth-child(4){bottom:15%;right:30%;background:#8b5cf6;box-shadow:0 0 20px #8b5cf6;animation-delay:9s}@keyframes particleFloat{0%,to{transform:translateY(0) scale(1);opacity:.7}25%{transform:translateY(-30px) scale(1.2);opacity:1}50%{transform:translateY(-10px) scale(.8);opacity:.9}75%{transform:translateY(-25px) scale(1.1);opacity:.8}}.service-content{padding:var(--space-24) 0;position:relative;background:var(--color-surface)}.service-section{margin-bottom:var(--space-20);padding:var(--space-16);background:var(--color-background);border-radius:var(--service-card-radius);border:2px solid var(--color-border);position:relative;overflow:hidden;transition:all .5s var(--service-animation);box-shadow:var(--shadow-lg)}.service-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:var(--service-gradient-primary);transform:scaleX(0);transition:transform .5s var(--service-animation);transform-origin:left}.service-section:after{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.1),transparent);transform:translate(50%,-50%);transition:all .5s ease}.service-section:hover:before{transform:scaleX(1)}.service-section:hover:after{background:radial-gradient(circle,rgba(99,102,241,.2),transparent);transform:translate(50%,-50%) scale(1.2)}.service-section:hover{transform:translateY(-12px);box-shadow:var(--shadow-2xl),var(--service-glow);border-color:#6366f166}.section-title{font-family:var(--font-primary);font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-6);color:var(--color-text-primary);position:relative}.section-title:before{content:"";position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:6px;height:40px;background:var(--service-gradient-primary);border-radius:4px}.section-content{font-size:var(--text-lg);line-height:var(--leading-loose);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-8);margin:var(--space-16) 0}.feature-card{background:var(--color-background);border-radius:var(--service-card-radius);padding:var(--space-10);border:2px solid var(--color-border);position:relative;overflow:hidden;transition:all .5s var(--service-animation);height:100%;display:flex;flex-direction:column;backdrop-filter:blur(10px)}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--service-gradient-primary);opacity:0;transition:opacity .5s ease;z-index:1}.feature-card:after{content:"";position:absolute;top:-50%;right:-50%;width:100px;height:100px;background:radial-gradient(circle,rgba(139,92,246,.3),transparent);transition:all .5s ease;z-index:2}.feature-card:hover:before{opacity:.08}.feature-card:hover:after{background:radial-gradient(circle,rgba(139,92,246,.5),transparent);transform:scale(1.5)}.feature-card:hover{transform:translateY(-15px) scale(1.02);box-shadow:var(--shadow-2xl),var(--service-glow);border-color:#6366f180}.feature-icon{width:100px;height:100px;background:var(--service-gradient-primary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;margin-bottom:var(--space-8);box-shadow:var(--service-glow);position:relative;z-index:3;transition:all .4s ease}.feature-card:hover .feature-icon{transform:scale(1.15) rotate(8deg);box-shadow:var(--service-glow-strong)}.feature-title{font-family:var(--font-primary);font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4);position:relative;z-index:3}.feature-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);flex-grow:1;position:relative;z-index:3;font-size:var(--text-base)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);margin:var(--space-16) 0}.metric-card{background:var(--color-background);border-radius:var(--service-card-radius);padding:var(--space-10);text-align:center;border:2px solid var(--color-border);position:relative;overflow:hidden;transition:all .5s var(--service-animation);backdrop-filter:blur(15px)}.metric-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:var(--service-gradient-primary);opacity:0;transition:opacity .5s ease;z-index:1}.metric-card:hover:before{opacity:.1}.metric-card:hover{transform:translateY(-12px) scale(1.05);box-shadow:var(--shadow-xl),var(--service-glow);border-color:#6366f180}.metric-icon{width:80px;height:80px;background:var(--service-gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;margin:0 auto var(--space-6);box-shadow:var(--service-glow);position:relative;z-index:2;transition:all .4s ease}.metric-card:hover .metric-icon{transform:scale(1.2) rotate(10deg);box-shadow:var(--service-glow-strong)}.metric-value{font-family:var(--font-primary);font-size:var(--text-4xl);font-weight:900;background:var(--service-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);position:relative;z-index:2}.metric-label{color:var(--color-text-secondary);font-weight:600;position:relative;z-index:2;font-size:var(--text-base)}.service-cta{background:var(--service-gradient-primary);border-radius:var(--service-card-radius);padding:var(--space-20);text-align:center;position:relative;overflow:hidden;margin:var(--space-20) 0;box-shadow:var(--service-glow-strong)}.service-cta:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.1) 0%,transparent 50%),linear-gradient(45deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);z-index:1;animation:ctaBackground 20s ease-in-out infinite}@keyframes ctaBackground{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(2deg)}}.cta-title{font-family:var(--font-primary);font-size:var(--text-5xl);font-weight:900;color:#fff;margin-bottom:var(--space-6);text-shadow:0 4px 20px rgba(0,0,0,.3)}.cta-text{font-size:var(--text-xl);color:#fffffff2;margin-bottom:var(--space-10);line-height:var(--leading-relaxed)}.btn-cta{background:#fff;color:var(--color-primary);padding:var(--space-6) var(--space-12);font-size:var(--text-xl);font-weight:700;border:none;border-radius:var(--radius-2xl);text-decoration:none;display:inline-flex;align-items:center;gap:var(--space-3);transition:all .4s var(--service-animation);box-shadow:0 15px 40px #0000004d;position:relative;overflow:hidden}.btn-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(99,102,241,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .8s ease}.btn-cta:hover:before{transform:translate(100%)}.btn-cta:hover{transform:translateY(-6px) scale(1.05);box-shadow:0 25px 60px #0006;color:var(--color-primary)}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-15px) rotate(3deg)}66%{transform:translateY(-8px) rotate(-2deg)}}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;text-align:center;gap:var(--space-16)}.tech-container{width:400px;height:400px}.tech-core{width:160px;height:160px;font-size:3rem}.features-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.page-hero{min-height:85vh}.hero-container{padding:var(--space-6)}.page-hero__title{font-size:clamp(2rem,10vw,3rem)}.page-hero__subtitle{font-size:var(--text-lg)}.hero-actions{flex-direction:column;align-items:center}.tech-container{width:320px;height:320px}.tech-core{width:130px;height:130px;font-size:2rem}.metrics-grid{grid-template-columns:1fr}.service-section{padding:var(--space-8)}.cta-title{font-size:var(--text-3xl)}.cta-text{font-size:var(--text-lg)}.features-grid{grid-template-columns:1fr}.feature-card{padding:var(--space-6)}.feature-icon{width:80px;height:80px;font-size:2rem}}@media (max-width: 480px){.service-section{padding:var(--space-4);margin-bottom:var(--space-8)}.feature-card{padding:var(--space-4)}.feature-icon{width:60px;height:60px;font-size:1.5rem}.service-cta{padding:var(--space-8)}.btn-cta{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}}@media (prefers-reduced-motion: reduce){.tech-ring,.particle,.tech-core,.hero-badge i{animation:none}.service-section:hover,.feature-card:hover,.metric-card:hover{transform:none}.page-hero:before,.page-hero:after{animation:none}}@media (prefers-contrast: high){.service-section,.feature-card,.metric-card{border-width:3px}.page-hero__title{color:var(--color-text-primary);background:none;-webkit-background-clip:unset;background-clip:unset}.hero-badge{border-width:3px}}.breadcrumb{margin-bottom:var(--space-8)}.breadcrumb__list{display:flex;align-items:center;list-style:none;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.breadcrumb__item{display:flex;align-items:center;gap:var(--space-2)}.breadcrumb__link{color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast);display:flex;align-items:center;gap:var(--space-1)}.breadcrumb__link:hover{color:var(--color-primary)}.breadcrumb__separator{color:var(--color-text-tertiary);font-size:var(--text-xs)}.breadcrumb__current{color:var(--color-text-primary);font-weight:500}.service-hero{padding:var(--space-32) 0 var(--space-24) 0;background:var(--color-background);position:relative;overflow:hidden}.service-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--gradient-primary);opacity:.3}.service-hero__content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.service-hero__text{max-width:600px}.service-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-primary);backdrop-filter:blur(10px);margin-bottom:var(--space-6);transition:all var(--transition-fast)}[data-theme=light] .service-badge{background:#fffc;border:1px solid rgba(99,102,241,.2);box-shadow:0 4px 15px #6366f11a}.service-badge:hover{transform:translateY(-2px);box-shadow:var(--glow-primary)}.service-hero__title{font-size:var(--text-5xl);font-weight:800;line-height:var(--leading-tight);margin-bottom:var(--space-6);color:var(--color-text-primary)}.service-hero__description{font-size:var(--text-xl);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.service-hero__actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.service-hero__visual{position:relative;height:400px}.floating-elements{position:relative;width:100%;height:100%}.tech-icon{position:absolute;width:80px;height:80px;border-radius:var(--radius-2xl);background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);animation:float 6s ease-in-out infinite;transition:all var(--transition-fast)}[data-theme=light] .tech-icon{background:#ffffffe6;border:1px solid rgba(99,102,241,.2);box-shadow:0 8px 25px #6366f126}.tech-icon:hover{transform:translateY(-5px) scale(1.1);box-shadow:var(--shadow-lg)}.tech-icon--react{top:20%;left:10%;color:#61dafb;animation-delay:0s}.tech-icon--js{top:10%;right:20%;color:#f7df1e;animation-delay:1s}.tech-icon--html{bottom:30%;left:20%;color:#e34f26;animation-delay:2s}.tech-icon--css{bottom:10%;right:10%;color:#1572b6;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.services-detail{padding:var(--space-24) 0;background:var(--color-surface)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin-top:var(--space-16)}.service-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-8);transition:all var(--transition-fast);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast)}.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.service-card:hover:before{opacity:1}.service-card__icon{width:60px;height:60px;border-radius:var(--radius-xl);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);color:#fff;margin-bottom:var(--space-6)}.service-card__title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text-primary)}.service-card__description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.service-card__features{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.service-card__features li{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);position:relative;padding-left:var(--space-6)}.service-card__features li:before{content:"✓";position:absolute;left:0;color:var(--color-success);font-weight:600;font-size:var(--text-base)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-12);margin-top:var(--space-16)}.tech-category__title{font-size:var(--text-2xl);font-weight:600;margin-bottom:var(--space-8);color:var(--color-text-primary);position:relative}.tech-item{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);border-radius:var(--radius-lg);backdrop-filter:blur(10px);transition:all var(--transition-fast);font-weight:500}.tech-item:hover{transform:translateY(-2px);background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--glow-primary)}.cta-section{padding:var(--space-24) 0;background:var(--gradient-primary);color:var(--color-text-inverse);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="2" fill="rgba(255,255,255,0.1)"/></svg>') repeat;opacity:.4}.cta-description{font-size:var(--text-xl);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.2)}.cta-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.cta-actions .btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(10px);text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px 15px #0000001a}.cta-actions .btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 10px 30px #0003}@media (max-width: 1024px){.service-hero__content{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.service-hero__title{font-size:var(--text-4xl)}.services-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}}@media (max-width: 768px){.service-hero{padding:var(--space-20) 0 var(--space-16) 0}.service-hero__title{font-size:var(--text-3xl)}.service-hero__description{font-size:var(--text-lg)}.service-hero__actions{justify-content:center}.services-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:1fr;gap:var(--space-8)}.cta-title{font-size:var(--text-3xl)}.cta-actions{flex-direction:column;align-items:center}.breadcrumb__list{flex-wrap:wrap}}@media (max-width: 480px){.service-hero__visual{height:300px}.tech-icon{width:60px;height:60px;font-size:var(--text-lg)}.service-card{padding:var(--space-6)}.services-detail,.tech-showcase,.cta-section{padding:var(--space-16) 0}}@media (prefers-reduced-motion: reduce){.tech-icon,.service-card,.tech-item{animation:none}.tech-icon:hover,.service-card:hover,.tech-item:hover{transform:none}}@media (prefers-contrast: high){.service-badge,.tech-icon,.tech-item,.service-card{border-width:2px}.cta-section:after{background:#0000004d}}html{box-sizing:border-box;overflow-x:hidden}*,*:before,*:after{box-sizing:inherit}.dashboard-preview{background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);border-radius:var(--radius-2xl);backdrop-filter:blur(15px);padding:var(--space-6);box-shadow:var(--shadow-lg);animation:dashboardGlow 3s ease-in-out infinite alternate}[data-theme=light] .dashboard-preview{background:#ffffffe6;border:1px solid rgba(99,102,241,.2);box-shadow:0 10px 30px #6366f126}.dashboard-header{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--glassmorphism-border);margin-bottom:var(--space-6)}[data-theme=light] .dashboard-header{border-bottom:1px solid rgba(99,102,241,.15)}.dashboard-dots{display:flex;gap:var(--space-1)}.dot{width:12px;height:12px;border-radius:50%;background:var(--color-border)}.dot:nth-child(1){background:#ff5f56}.dot:nth-child(2){background:#ffbd2e}.dot:nth-child(3){background:#27ca3f}.dashboard-title{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:500}.dashboard-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.dashboard-widget{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);transition:all var(--transition-fast)}.dashboard-widget:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.dashboard-widget i{color:var(--color-primary);font-size:var(--text-lg)}.dashboard-widget span{font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary)}@keyframes dashboardGlow{0%{box-shadow:var(--shadow-lg)}to{box-shadow:var(--shadow-lg),0 0 30px #6366f14d}}[data-theme=light] .dashboard-preview{animation:dashboardGlowLight 3s ease-in-out infinite alternate}@keyframes dashboardGlowLight{0%{box-shadow:0 10px 30px #6366f126}to{box-shadow:0 10px 30px #6366f126,0 0 20px #6366f133}}.business-metrics{display:flex;gap:var(--space-8);margin-top:var(--space-8)}.metric{text-align:center}.metric-number{display:block;font-size:var(--text-3xl);font-weight:800;color:var(--color-primary);line-height:1;margin-bottom:var(--space-1)}.metric-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.process-section{padding:var(--space-24) 0;background:var(--color-surface);position:relative}.process-timeline{position:relative;margin-top:var(--space-16)}.process-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--gradient-primary);transform:translate(-50%);opacity:.3}.process-step{display:flex;align-items:center;margin-bottom:var(--space-16);position:relative}.process-step:nth-child(2n){flex-direction:row-reverse}.process-step:nth-child(2n) .process-step__content{text-align:right}.process-step__number{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:800;position:relative;z-index:2;box-shadow:var(--shadow-md)}.process-step__content{flex:1;max-width:400px;padding:0 var(--space-12)}.process-step__title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-3);color:var(--color-text-primary)}.process-step__description{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8);margin-top:var(--space-16)}.benefit-card{text-align:center;padding:var(--space-8);background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);border-radius:var(--radius-2xl);backdrop-filter:blur(10px);transition:all var(--transition-fast);position:relative;overflow:hidden}[data-theme=light] .benefit-card{background:#fffc;border:1px solid rgba(99,102,241,.15);box-shadow:0 4px 20px #6366f114}.benefit-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,var(--color-primary),transparent);opacity:0;transition:opacity var(--transition-fast);animation:rotate 3s linear infinite;pointer-events:none}.benefit-card:hover:before{opacity:.1}[data-theme=light] .benefit-card:hover:before{opacity:.05}.benefit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.benefit-icon{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6);font-size:var(--text-2xl);color:#fff;position:relative;z-index:2}.benefit-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text-primary);position:relative;z-index:2}.benefit-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);position:relative;z-index:2}.cta-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="40" cy="80" r="1" fill="rgba(255,255,255,0.1)"/></svg>') repeat;animation:backgroundMove 20s linear infinite;opacity:.6}@keyframes backgroundMove{0%{background-position:0 0}to{background-position:100px 100px}}@media (max-width: 1024px){.process-timeline:before{left:30px}.process-step{flex-direction:row!important;padding-left:var(--space-20)}.process-step__content{text-align:left!important;padding:0 0 0 var(--space-6)}.process-step__number{position:absolute;left:0}.business-metrics{justify-content:center;flex-wrap:wrap;gap:var(--space-6)}}@media (max-width: 768px){.service-hero__content{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.dashboard-preview{width:100%;max-width:100%;margin:0 auto}.dashboard-content{grid-template-columns:1fr}.business-metrics{gap:var(--space-4)}.metric-number{font-size:var(--text-2xl)}.process-step{padding-left:var(--space-16)}.process-step__number{width:60px;height:60px;font-size:var(--text-lg)}.benefits-grid{grid-template-columns:1fr;gap:var(--space-6)}.cta-title{font-size:var(--text-3xl)}.cta-actions{flex-direction:column;align-items:center}}@media (max-width: 480px){.dashboard-preview{padding:var(--space-4)}.dashboard-widget{padding:var(--space-3)}.dashboard-widget span{font-size:var(--text-xs)}.business-metrics{flex-direction:column;align-items:center;gap:var(--space-6)}.process-step{padding-left:var(--space-12)}.process-timeline:before{left:20px}.process-step__number{width:40px;height:40px;font-size:var(--text-base);left:0}.benefit-card{padding:var(--space-6)}.benefit-icon{width:60px;height:60px;font-size:var(--text-xl)}.cta-section{padding:var(--space-20) 0}}@media (prefers-reduced-motion: reduce){.dashboard-preview,.benefit-card:before,.cta-section:before{animation:none}.dashboard-widget:hover,.benefit-card:hover{transform:none}}@media (prefers-contrast: high){.dashboard-preview,.benefit-card{border-width:2px}.process-timeline:before{width:4px;opacity:.8}.cta-section:after{background:#0000004d}}.phone-mockups{position:relative;height:500px;display:flex;align-items:center;justify-content:center;gap:var(--space-8)}.phone-mockup{width:180px;height:360px;border-radius:30px;background:linear-gradient(145deg,#f0f0f0,#cacaca);padding:8px;box-shadow:0 0 20px #0000001a,inset 0 0 20px #fffc;position:relative;transition:all var(--transition-fast);animation:phoneFloat 6s ease-in-out infinite}[data-theme=light] .phone-mockup{background:linear-gradient(145deg,#fff,#e0e0e0);box-shadow:0 10px 30px #6366f126,inset 0 0 20px #ffffffe6}.phone-mockup--ios{animation-delay:0s}.phone-mockup--android{animation-delay:3s;transform:translateY(20px)}.phone-mockup:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 20px 40px #0003,inset 0 0 20px #ffffffe6}[data-theme=light] .phone-mockup:hover{box-shadow:0 20px 40px #6366f140,inset 0 0 20px #ffffffe6}.phone-screen{width:100%;height:100%;background:var(--color-background);border-radius:22px;overflow:hidden;position:relative}.app-interface{width:100%;height:100%;display:flex;flex-direction:column}.app-header{padding:var(--space-2) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-notch{width:40px;height:20px;background:var(--color-text-primary);border-radius:0 0 10px 10px;margin:0 auto var(--space-2)}.status-bar{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--color-text-primary)}.battery-indicator{color:var(--color-success)}.app-content{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.app-card{height:60px;background:var(--gradient-primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.app-card:hover{transform:scale(.95);box-shadow:var(--shadow-md)}@keyframes phoneFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.app-stats{display:flex;gap:var(--space-6);margin-top:var(--space-8);flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);border-radius:var(--radius-lg);backdrop-filter:blur(10px);font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);transition:all var(--transition-fast)}[data-theme=light] .stat-item{background:#fffc;border:1px solid rgba(99,102,241,.15);box-shadow:0 4px 15px #6366f114}.stat-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-item i{font-size:var(--text-base)}.stat-item:nth-child(1) i{color:#007aff}.stat-item:nth-child(2) i{color:#3ddc84}.stat-item:nth-child(3) i{color:#ffd60a}.stat-item:nth-child(4) i{color:var(--color-primary)}.development-process{padding:var(--space-24) 0;background:var(--color-surface)}.process-flow{display:flex;align-items:center;justify-content:center;gap:var(--space-8);margin-top:var(--space-16);flex-wrap:wrap}.process-item{text-align:center;max-width:200px;flex:1;min-width:160px}.process-icon{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);font-size:var(--text-2xl);color:#fff;box-shadow:var(--shadow-lg);transition:all var(--transition-fast);position:relative}.process-icon:after{content:"";position:absolute;inset:-4px;border-radius:50%;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast);z-index:-1}.process-item:hover .process-icon{transform:scale(1.1)}.process-item:hover .process-icon:after{opacity:.3;animation:pulse 2s infinite}.process-title{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3);color:var(--color-text-primary)}.process-description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.process-arrow{font-size:var(--text-xl);color:var(--color-primary);opacity:.6;animation:arrowPulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.1}}@keyframes arrowPulse{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(5px)}}.tech-showcase{padding:var(--space-24) 0;background:var(--color-background)}.tech-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-12);margin-top:var(--space-16)}.tech-category{text-align:center}.tech-category__title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-6);color:var(--color-text-primary);position:relative}.tech-category__title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:40px;height:3px;background:var(--gradient-primary);border-radius:var(--radius-full)}.tech-items{display:flex;flex-direction:column;gap:var(--space-4)}.tech-item{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);border-radius:var(--radius-lg);backdrop-filter:blur(10px);transition:all var(--transition-fast);font-weight:500;position:relative;overflow:hidden}[data-theme=light] .tech-item{background:#fffc;border:1px solid rgba(99,102,241,.15);box-shadow:0 4px 15px #6366f114}.tech-item: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 .5s ease}.tech-item:hover{transform:translateY(-3px);background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--glow-primary)}.tech-item:hover:before{left:100%}.tech-item i{font-size:var(--text-lg)}.cta-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><polygon points="50,10 60,40 90,40 70,60 80,90 50,75 20,90 30,60 10,40 40,40" fill="rgba(255,255,255,0.05)"/></svg>') repeat;background-size:100px 100px;animation:starMove 30s linear infinite;opacity:.6}@keyframes starMove{0%{background-position:0 0}to{background-position:100px 100px}}.cta-actions{display:flex;gap:var(--space-6);justify-content:center;flex-wrap:wrap}.cta-actions .btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(10px);padding:var(--space-4) var(--space-8);font-weight:600;position:relative;overflow:hidden;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px 15px #0000001a}.cta-actions .btn: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 .5s ease}.cta-actions .btn:hover:before{left:100%}@media (max-width: 1024px){.phone-mockups{gap:var(--space-4)}.phone-mockup{width:160px;height:320px}.process-flow{flex-direction:column;gap:var(--space-12)}.process-arrow{transform:rotate(90deg)}.tech-categories{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-8)}}@media (max-width: 768px){.service-hero__content{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.phone-mockups{height:400px;gap:var(--space-6)}.phone-mockup{width:140px;height:280px}.app-stats{justify-content:center;gap:var(--space-4)}.stat-item{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.process-item{max-width:300px}.process-icon{width:60px;height:60px;font-size:var(--text-xl)}.tech-categories{grid-template-columns:1fr}.cta-title{font-size:var(--text-3xl)}.cta-actions{flex-direction:column;align-items:center}}@media (max-width: 480px){.phone-mockups{flex-direction:column;height:600px;align-items:center}.phone-mockup{width:160px;height:320px}.phone-mockup--android{transform:none}.app-stats{flex-direction:column;align-items:center}.process-arrow{display:none}.tech-item{padding:var(--space-3) var(--space-4)}.cta-section{padding:var(--space-20) 0}.cta-title{font-size:var(--text-2xl)}.cta-description{font-size:var(--text-lg)}}@media (prefers-reduced-motion: reduce){.phone-mockup,.process-icon,.tech-item:before,.cta-actions .btn:before,.cta-section:before{animation:none}.phone-mockup:hover,.process-item:hover .process-icon,.tech-item:hover,.cta-actions .btn:hover{transform:none}}@media (prefers-contrast: high){.phone-mockup,.stat-item,.tech-item{border-width:2px}.app-card{border:2px solid rgba(255,255,255,.3)}.cta-section:after{background:#0000004d}}:root{--glassmorphism-bg: rgba(255, 255, 255, .08);--glassmorphism-border: rgba(255, 255, 255, .18);--glow-primary: 0 0 20px rgba(99, 102, 241, .6);--glow-secondary: 0 0 30px rgba(168, 85, 247, .5)}[data-theme=light]{--glassmorphism-bg: rgba(99, 102, 241, .05);--glassmorphism-border: rgba(99, 102, 241, .15);--glow-primary: 0 0 15px rgba(99, 102, 241, .3);--glow-secondary: 0 0 20px rgba(168, 85, 247, .3)}.maturity-indicators{display:flex;gap:var(--space-6);margin-top:var(--space-8);flex-wrap:wrap}.indicator{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);border-radius:var(--radius-xl);backdrop-filter:blur(10px);transition:all var(--transition-fast);min-width:200px}[data-theme=light] .indicator{background:#fffc;border:1px solid rgba(99,102,241,.15);box-shadow:0 4px 20px #6366f114}.indicator:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.indicator-icon{width:50px;height:50px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-lg);flex-shrink:0}.indicator-content{display:flex;flex-direction:column}.indicator-title{font-weight:600;color:var(--color-text-primary);font-size:var(--text-sm);line-height:1.2}.indicator-subtitle{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.transformation-diagram{position:relative;width:400px;height:400px;margin:0 auto}.transformation-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;border-radius:50%;background:var(--gradient-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-xl);z-index:10}.center-icon{font-size:var(--text-2xl);animation:rotate 8s linear infinite}.center-text{font-size:var(--text-xs);font-weight:600;text-align:center;margin-top:var(--space-1)}.transformation-orbit{position:relative;width:100%;height:100%;border-radius:50%;border:2px dashed var(--color-border);animation:orbitRotate 20s linear infinite reverse}.orbit-item{position:absolute;width:80px;height:80px;border-radius:50%;background:var(--glassmorphism-bg);border:2px solid var(--glassmorphism-border);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:500;color:var(--color-text-primary);box-shadow:var(--shadow-md);transition:all var(--transition-fast);animation:orbitRotate 20s linear infinite}[data-theme=light] .orbit-item{background:#ffffffe6;border:2px solid rgba(99,102,241,.2);box-shadow:0 8px 25px #6366f126}.orbit-item:hover{transform:scale(1.1);box-shadow:var(--shadow-lg);background:var(--color-primary);color:#fff}.orbit-item i{font-size:var(--text-lg);margin-bottom:var(--space-1)}.orbit-item--people{top:-40px;left:50%;transform:translate(-50%)}.orbit-item--process{top:50%;right:-40px;transform:translateY(-50%)}.orbit-item--tech{bottom:-40px;left:50%;transform:translate(-50%)}.orbit-item--data{top:50%;left:-40px;transform:translateY(-50%)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbitRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.methodology-section{padding:var(--space-24) 0;background:var(--color-surface)}.methodology-steps{margin-top:var(--space-16);display:flex;flex-direction:column;gap:var(--space-12);max-width:1000px;margin-left:auto;margin-right:auto}.step-item{display:grid;grid-template-columns:100px 1fr;gap:var(--space-8);align-items:start;position:relative}.step-item:nth-child(2n){grid-template-columns:1fr 100px;text-align:right}.step-item:nth-child(2n) .step-content{order:-1}.step-item:not(:last-child):after{content:"";position:absolute;left:50px;top:100px;bottom:-48px;width:2px;background:var(--gradient-primary);opacity:.3}.step-item:nth-child(2n):not(:last-child):after{left:auto;right:50px}.step-number{width:100px;height:100px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-2xl);font-weight:800;box-shadow:var(--shadow-lg);position:relative;z-index:2;flex-shrink:0}.step-content{max-width:500px}.step-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-4);color:var(--color-text-primary)}.step-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.step-deliverables{display:flex;gap:var(--space-2);flex-wrap:wrap}.deliverable-tag{padding:var(--space-1) var(--space-3);background:var(--color-primary);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500}.benefits-section{padding:var(--space-24) 0;background:var(--color-background)}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-8);margin-top:var(--space-16)}.benefit-item{background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);border-radius:var(--radius-2xl);padding:var(--space-8);backdrop-filter:blur(10px);transition:all var(--transition-fast);text-align:center;position:relative;overflow:hidden}[data-theme=light] .benefit-item{background:#fffc;border:1px solid rgba(99,102,241,.15);box-shadow:0 4px 20px #6366f114}.benefit-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-fast)}.benefit-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl)}.benefit-item:hover:before{opacity:1}.benefit-metric{margin-bottom:var(--space-6)}.metric-value{display:block;font-size:var(--text-5xl);font-weight:800;color:var(--color-primary);line-height:1}.metric-unit{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500;display:block;margin-top:var(--space-1)}.benefit-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4);color:var(--color-text-primary)}.benefit-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.industries-section{padding:var(--space-24) 0;background:var(--color-surface)}.industries-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-6);margin-top:var(--space-16)}.industry-card{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all var(--transition-fast);position:relative;overflow:hidden}.industry-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.1),transparent);transition:left .5s ease}.industry-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.industry-card:hover:before{left:100%}.industry-icon{width:60px;height:60px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);font-size:var(--text-2xl);color:#fff;transition:all var(--transition-fast)}.industry-card:hover .industry-icon{transform:scale(1.1)}.industry-name{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text-primary)}.industry-description{font-size:var(--text-sm);color:var(--color-text-secondary)}.cta-section{padding:var(--space-32) 0;background:var(--gradient-primary);color:var(--color-text-inverse);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="25" cy="25" r="2" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="1.5" fill="rgba(255,255,255,0.08)"/><circle cx="50" cy="10" r="1" fill="rgba(255,255,255,0.12)"/><circle cx="10" cy="70" r="1.2" fill="rgba(255,255,255,0.09)"/><circle cx="90" cy="30" r="0.8" fill="rgba(255,255,255,0.11)"/></svg>') repeat;background-size:100px 100px;animation:floatingBackground 25s linear infinite;opacity:.6}@keyframes floatingBackground{0%{background-position:0 0}to{background-position:100px 100px}}.cta-section:after{content:"";position:absolute;inset:0;background:#00000026;z-index:1}.cta-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.cta-title{font-size:var(--text-4xl);font-weight:800;margin-bottom:var(--space-6);line-height:var(--leading-tight);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.cta-description{font-size:var(--text-xl);line-height:var(--leading-relaxed);margin-bottom:var(--space-10);color:#fffffff2;text-shadow:0 1px 2px rgba(0,0,0,.2)}.cta-actions{display:flex;gap:var(--space-6);justify-content:center;margin-bottom:var(--space-10);flex-wrap:wrap}.cta-actions .btn{background:#fff3;border:2px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(10px);padding:var(--space-4) var(--space-8);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 4px 15px #0000001a}.cta-actions .btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-3px);box-shadow:0 15px 40px #0003}.cta-guarantee{display:flex;justify-content:center;gap:var(--space-8);flex-wrap:wrap}.guarantee-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.2)}.guarantee-item i{color:#10b981;font-size:var(--text-base);text-shadow:none}@media (max-width: 1024px){.transformation-diagram{width:300px;height:300px}.transformation-center{width:100px;height:100px}.orbit-item{width:70px;height:70px;font-size:var(--text-xs)}.step-item{grid-template-columns:80px 1fr;gap:var(--space-6)}.step-item:nth-child(2n){grid-template-columns:1fr 80px}.step-number{width:80px;height:80px;font-size:var(--text-xl)}.maturity-indicators{justify-content:center}}@media (max-width: 768px){.service-hero__content{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.transformation-diagram{width:250px;height:250px}.transformation-center{width:80px;height:80px}.center-icon{font-size:var(--text-xl)}.center-text{font-size:10px}.orbit-item{width:60px;height:60px;font-size:10px}.orbit-item i{font-size:var(--text-sm)}.maturity-indicators{flex-direction:column;align-items:center}.methodology-section{padding:var(--space-16) 0}.methodology-steps{gap:var(--space-8)}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);position:relative;padding:var(--space-6);background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);border-radius:var(--radius-2xl);backdrop-filter:blur(10px)}[data-theme=light] .step-item{background:#fffc;border:1px solid rgba(99,102,241,.15);box-shadow:0 4px 20px #6366f114}.step-item:nth-child(2n){display:flex;flex-direction:column;text-align:center}.step-item:after,.step-item:nth-child(2n):after{display:none}.step-number{width:70px;height:70px;font-size:var(--text-xl);margin:0 auto;position:relative;z-index:1;margin-bottom:var(--space-2)}.step-content{max-width:none;width:100%}.step-title{font-size:var(--text-xl);margin-bottom:var(--space-3)}.step-description{font-size:var(--text-sm);margin-bottom:var(--space-4)}.step-deliverables{justify-content:center;gap:var(--space-1)}.deliverable-tag{font-size:10px;padding:var(--space-1) var(--space-2)}.benefits-grid{grid-template-columns:1fr}.industries-grid{grid-template-columns:repeat(2,1fr)}.cta-title{font-size:var(--text-3xl)}.cta-actions{flex-direction:column;align-items:center}.cta-guarantee{flex-direction:column;align-items:center;gap:var(--space-4)}}@media (max-width: 480px){.transformation-diagram{width:200px;height:200px}.transformation-center{width:60px;height:60px}.center-icon{font-size:var(--text-base)}.center-text{font-size:8px}.orbit-item{width:45px;height:45px;font-size:8px}.orbit-item i{font-size:var(--text-xs)}.indicator{min-width:auto;flex-direction:column;text-align:center;gap:var(--space-2);padding:var(--space-3)}.indicator-icon{width:40px;height:40px;font-size:var(--text-base);margin-bottom:var(--space-2)}.methodology-section{padding:var(--space-12) 0}.step-item{padding:var(--space-4);gap:var(--space-3)}.step-number{width:60px;height:60px;font-size:var(--text-lg);margin-bottom:var(--space-1)}.step-title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.step-description{font-size:var(--text-xs);margin-bottom:var(--space-3);line-height:1.4}.step-deliverables{gap:var(--space-1)}.deliverable-tag{font-size:9px;padding:var(--space-1)}.industries-grid{grid-template-columns:1fr}.industry-icon{width:50px;height:50px;font-size:var(--text-lg)}.cta-section{padding:var(--space-20) 0}.cta-title{font-size:var(--text-2xl)}.cta-description{font-size:var(--text-lg)}}@media (prefers-reduced-motion: reduce){.center-icon,.transformation-orbit,.orbit-item,.cta-section:before{animation:none}.industry-card:before{transition:none}.indicator:hover,.benefit-item:hover,.industry-card:hover{transform:none}}@media (prefers-contrast: high){.indicator,.benefit-item,.industry-card,.step-item{border-width:2px}.transformation-orbit{border-width:3px}.deliverable-tag{border:1px solid rgba(255,255,255,.3)}.cta-section:after{background:#0000004d}}@media (max-width: 768px) and (orientation: landscape){.methodology-section{padding:var(--space-12) 0}.step-item{flex-direction:row;text-align:left;padding:var(--space-4) var(--space-6)}.step-number{width:60px;height:60px;margin-bottom:0;margin-right:var(--space-4);flex-shrink:0}.step-content{flex:1}.step-deliverables{justify-content:flex-start}}:root{--hero-gradient-primary: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #6366f1 100%);--hero-gradient-secondary: linear-gradient(135deg, #ff6b6b 0%, #feca57 50%, #48dbfb 100%);--glassmorphism-bg: rgba(255, 255, 255, .08);--glassmorphism-border: rgba(255, 255, 255, .18);--particle-color-1: #39ff14;--particle-color-2: #00d4ff;--particle-color-3: #bf00ff;--glow-primary: 0 0 20px rgba(99, 102, 241, .6);--glow-secondary: 0 0 30px rgba(168, 85, 247, .5);--shimmer-gradient: linear-gradient(90deg, transparent, rgba(255, 255, 255, .4), transparent)}[data-theme=light]{--glassmorphism-bg: rgba(99, 102, 241, .05);--glassmorphism-border: rgba(99, 102, 241, .15);--glow-primary: 0 0 15px rgba(99, 102, 241, .3);--glow-secondary: 0 0 20px rgba(168, 85, 247, .3);--particle-color-1: #4f46e5;--particle-color-2: #06b6d4;--particle-color-3: #8b5cf6;--shimmer-gradient: linear-gradient(90deg, transparent, rgba(99, 102, 241, .3), transparent)}[data-theme=dark]{--glassmorphism-bg: rgba(255, 255, 255, .05);--glassmorphism-border: rgba(255, 255, 255, .1);--glow-primary: 0 0 25px rgba(99, 102, 241, .8);--glow-secondary: 0 0 35px rgba(168, 85, 247, .7)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;background:var(--color-background);padding-top:var(--header-height)}.hero-background{position:absolute;inset:0;z-index:1}.hero-particles{position:absolute;inset:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none;animation:particleFloat 12s linear infinite}.particle:nth-child(1){background:var(--particle-color-1);box-shadow:0 0 10px var(--particle-color-1);animation-delay:0s;animation-duration:15s}.particle:nth-child(2){background:var(--particle-color-2);box-shadow:0 0 12px var(--particle-color-2);animation-delay:3s;animation-duration:18s}.particle:nth-child(3){background:var(--particle-color-3);box-shadow:0 0 8px var(--particle-color-3);animation-delay:6s;animation-duration:12s}.particle:nth-child(4){background:gold;box-shadow:0 0 15px gold;animation-delay:9s;animation-duration:20s}.particle:nth-child(5){background:#ff69b4;box-shadow:0 0 10px #ff69b4;animation-delay:12s;animation-duration:16s}.particle:nth-child(6){background:#0ff;box-shadow:0 0 12px #0ff;animation-delay:15s;animation-duration:14s}@keyframes particleFloat{0%{transform:translateY(100vh) translate(0) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(100px) rotate(360deg);opacity:0}}.hero-gradient-overlay{position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.12) 0%,transparent 50%),linear-gradient(135deg,transparent 0%,rgba(59,130,246,.05) 50%,transparent 100%);animation:gradientShift 8s ease-in-out infinite}[data-theme=light] .hero-gradient-overlay{background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.06) 0%,transparent 50%),linear-gradient(135deg,transparent 0%,rgba(59,130,246,.03) 50%,transparent 100%)}@keyframes gradientShift{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.hero-content{position:relative;z-index:10;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;max-width:var(--container-max-width);margin:0 auto;padding:0 var(--container-padding)}.hero-text{max-width:600px}.hero-badge{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);border-radius:var(--radius-full);color:#fff;font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-6);backdrop-filter:blur(20px);box-shadow:var(--glow-primary);animation:badgePulse 3s ease-in-out infinite;overflow:hidden}[data-theme=light] .hero-badge{color:var(--color-text-primary);background:#6366f11a;border:1px solid rgba(99,102,241,.2)}.badge-glow{position:absolute;inset:0;border-radius:inherit;background:var(--hero-gradient-primary);opacity:.8;z-index:-1;animation:glowPulse 2s ease-in-out infinite alternate}[data-theme=light] .badge-glow{opacity:.3}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glowPulse{0%{opacity:.6;filter:blur(5px)}to{opacity:1;filter:blur(10px)}}.hero-title{font-family:var(--font-primary);font-size:var(--text-6xl);font-weight:900;line-height:var(--leading-none);color:var(--color-text-primary);margin-bottom:var(--space-6);animation:titleReveal 1.2s ease-out;text-wrap:balance;letter-spacing:-.02em}.hero-title .text-gradient{background:var(--hero-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;animation:gradientMove 4s ease-in-out infinite}@keyframes titleReveal{0%{opacity:0;transform:translateY(50px) scale(.9);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes gradientMove{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hero-description{font-size:var(--text-xl);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8);animation:fadeInUp .8s ease-out .4s both;text-wrap:pretty;position:relative}.hero-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-12);animation:fadeInUp .8s ease-out .6s both}.hero-btn-primary{position:relative;overflow:hidden;background:var(--hero-gradient-primary);border:none;transform-style:preserve-3d;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--shimmer-gradient);transition:left .6s ease;z-index:1}.hero-btn-primary:hover .btn-shine{left:100%}.hero-btn-primary:hover{transform:translateY(-3px) scale(1.05);box-shadow:var(--glow-primary),0 10px 30px #0003}.hero-btn-secondary{background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);color:var(--color-text-primary);backdrop-filter:blur(20px);transition:all .3s cubic-bezier(.16,1,.3,1)}[data-theme=light] .hero-btn-secondary{background:#6366f10d;border:1px solid rgba(99,102,241,.2)}.hero-btn-secondary:hover{transform:translateY(-3px);background:#6366f11a;border-color:#6366f14d;box-shadow:0 8px 25px #6366f133}.hero-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);padding:var(--space-8) 0;border-top:1px solid var(--color-border);animation:fadeInUp .8s ease-out .8s both;position:relative}.hero-metrics:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--hero-gradient-primary);animation:borderExpand 1s ease-out 1s both;transform-origin:center}@keyframes borderExpand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.metric{text-align:center;opacity:0;transform:translateY(20px);animation:metricReveal .6s ease-out forwards}.metric:nth-child(1){animation-delay:1.2s}.metric:nth-child(2){animation-delay:1.4s}.metric:nth-child(3){animation-delay:1.6s}.metric:nth-child(4){animation-delay:1.8s}@keyframes metricReveal{to{opacity:1;transform:translateY(0)}}.metric-number{display:block;font-family:var(--font-primary);font-size:var(--text-3xl);font-weight:900;background:var(--hero-gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:var(--space-2);animation:numberPulse 2s ease-in-out infinite}@keyframes numberPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.metric-label{color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.05em;opacity:.8}.hero-visual{position:relative;animation:visualReveal 1s ease-out .4s both;perspective:1000px}@keyframes visualReveal{0%{opacity:0;transform:rotateY(15deg) scale(.9)}to{opacity:1;transform:rotateY(0) scale(1)}}.code-editor{background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);border-radius:var(--radius-3xl);overflow:hidden;box-shadow:0 25px 50px -12px #00000040,var(--glow-primary);backdrop-filter:blur(30px);position:relative;transform-style:preserve-3d;transition:all .4s cubic-bezier(.16,1,.3,1)}[data-theme=light] .code-editor{background:#fffc;border:1px solid rgba(99,102,241,.2);box-shadow:0 25px 50px -12px #0000001a,var(--glow-primary)}.code-editor:hover{transform:translateY(-8px) rotateX(5deg);box-shadow:0 35px 70px -12px #0000004d,var(--glow-secondary)}.code-glow{position:absolute;inset:-2px;background:var(--hero-gradient-primary);border-radius:inherit;opacity:.5;z-index:-1;filter:blur(20px);animation:codeGlow 3s ease-in-out infinite alternate}[data-theme=light] .code-glow{opacity:.2}@keyframes codeGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.7;transform:scale(1.05)}}.code-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:#0003;border-bottom:1px solid var(--glassmorphism-border);backdrop-filter:blur(10px)}[data-theme=light] .code-header{background:#6366f11a;border-bottom:1px solid rgba(99,102,241,.2)}.code-dots{display:flex;gap:var(--space-2)}.code-dot{width:14px;height:14px;border-radius:50%;transition:all .3s ease;cursor:pointer}.code-dot:nth-child(1){background:#ff5f56;box-shadow:0 0 10px #ff5f56}.code-dot:nth-child(2){background:#ffbd2e;box-shadow:0 0 10px #ffbd2e}.code-dot:nth-child(3){background:#27ca3f;box-shadow:0 0 10px #27ca3f}.code-dot:hover{transform:scale(1.2);filter:brightness(1.2)}.code-title{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.code-status{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-success)}.status-indicator{width:8px;height:8px;background:var(--color-success);border-radius:50%;animation:statusBlink 2s ease-in-out infinite}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.3}}.code-content{padding:var(--space-8);font-family:var(--font-mono);background:#0000001a;position:relative}[data-theme=light] .code-content{background:#6366f10d}.code-content:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 49%,rgba(99,102,241,.05) 50%,transparent 51%),linear-gradient(-45deg,transparent 49%,rgba(168,85,247,.05) 50%,transparent 51%);pointer-events:none}.code-line{display:flex;align-items:center;color:var(--color-text-primary);font-size:var(--text-base);line-height:2;opacity:0;transform:translate(-20px);transition:all .5s cubic-bezier(.16,1,.3,1);position:relative;padding:var(--space-1) 0;gap:.5rem;white-space:pre}.line-number{width:30px;color:var(--color-text-tertiary);font-size:var(--text-sm);margin-right:var(--space-4);opacity:.6}.code-keyword{color:#569cd6;font-weight:600}.code-function{color:#dcdcaa;font-weight:500}.code-string{color:#ce9178}.code-comment{color:var(--color-text-tertiary);font-style:italic;opacity:.8}[data-theme=light] .code-keyword{color:#0969da}[data-theme=light] .code-function{color:#8250df}[data-theme=light] .code-string{color:#0a3069}.code-cursor{background:var(--color-primary);color:#fff;padding:2px 8px;border-radius:var(--radius-base);animation:cursorBlink 1.5s infinite;font-weight:600;position:relative}.code-cursor:after{content:"";position:absolute;inset:-2px;background:var(--color-primary);border-radius:inherit;opacity:.3;z-index:-1;animation:cursorGlow 1.5s ease-in-out infinite}@keyframes cursorBlink{0%,50%{opacity:1}51%,to{opacity:.3}}@keyframes cursorGlow{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.6}}.floating-elements{position:absolute;inset:0;pointer-events:none;z-index:5}.floating-tech{position:absolute;background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);color:#fff;width:70px;height:70px;border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);box-shadow:var(--glow-primary);backdrop-filter:blur(20px);animation:techFloat 8s ease-in-out infinite;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);transform-style:preserve-3d}[data-theme=light] .floating-tech{background:#ffffffe6;border:1px solid rgba(99,102,241,.2);color:var(--color-primary);box-shadow:0 8px 25px #6366f126}.floating-tech:before{content:"";position:absolute;inset:-2px;background:var(--hero-gradient-primary);border-radius:inherit;opacity:.6;z-index:-1;filter:blur(15px);animation:techGlow 2s ease-in-out infinite alternate}[data-theme=light] .floating-tech:before{opacity:.2}.floating-tech:hover{transform:scale(1.2) rotateY(180deg);box-shadow:var(--glow-secondary)}.tech-tooltip{position:absolute;bottom:-40px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-xs);font-weight:500;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(10px);white-space:nowrap}[data-theme=light] .tech-tooltip{background:#6366f1e6}.floating-tech:hover .tech-tooltip{opacity:1}@keyframes techFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(5deg)}50%{transform:translateY(-10px) rotate(-3deg)}75%{transform:translateY(-20px) rotate(2deg)}}@keyframes techGlow{0%{opacity:.4;filter:blur(10px)}to{opacity:.8;filter:blur(20px)}}.floating-tech[data-tech=react]{top:15%;right:15%;animation-delay:0s}.floating-tech[data-tech=node]{top:55%;right:8%;animation-delay:2s;width:60px;height:60px}.floating-tech[data-tech=python]{top:30%;right:25%;animation-delay:4s;width:55px;height:55px}.floating-tech[data-tech=database]{top:70%;right:30%;animation-delay:1s;width:50px;height:50px}.about-section{padding:var(--space-32) 0;background:var(--color-surface);position:relative;overflow:hidden}.about-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(99,102,241,.08) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(168,85,247,.06) 0%,transparent 40%);animation:sectionPulse 8s ease-in-out infinite}@keyframes sectionPulse{0%,to{opacity:1}50%{opacity:.7}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-top:var(--space-16)}.feature-card{background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);border-radius:var(--radius-2xl);padding:var(--space-8);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}[data-theme=light] .feature-card{background:#fffc;border:1px solid rgba(99,102,241,.15);box-shadow:0 4px 20px #6366f114}.feature-card:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--hero-gradient-primary);opacity:.05;transition:width .4s ease;z-index:1}.feature-card:hover:before{width:100%}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--glow-primary)}.feature-icon{width:80px;height:80px;background:var(--hero-gradient-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-3xl);margin-bottom:var(--space-6);position:relative;z-index:2}.feature-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4);position:relative;z-index:2}.feature-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);position:relative;z-index:2}.services-section{padding:var(--space-32) 0;background:var(--color-background);position:relative}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-12);max-width:1200px;margin:0 auto}.service-card{background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);border-radius:var(--radius-3xl);overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;backdrop-filter:blur(20px);transform-style:preserve-3d}[data-theme=light] .service-card{background:#ffffffe6;border:1px solid rgba(99,102,241,.15);box-shadow:0 8px 30px #6366f11a}.service-card:before{content:"";position:absolute;inset:0;background:var(--hero-gradient-primary);opacity:0;transition:opacity .4s ease;z-index:1}.service-card:hover:before{opacity:.05}.service-card:hover{transform:translateY(-15px) rotateX(5deg);box-shadow:0 25px 50px -12px #0000004d,var(--glow-primary);border-color:#6366f14d}.service-header{padding:var(--space-8);position:relative;z-index:2}.service-icon{width:100px;height:100px;background:var(--hero-gradient-primary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-4xl);margin-bottom:var(--space-6);box-shadow:var(--glow-primary)}.service-title{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4)}.service-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.service-features{list-style:none;padding:0;margin:0 0 var(--space-8) 0}.service-features li{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--color-text-secondary)}.service-features li:before{content:"✓";color:var(--color-success);font-weight:700;font-size:var(--text-lg)}.service-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary);text-decoration:none;font-weight:600;transition:all .3s ease}.service-link:hover{gap:var(--space-3);color:var(--color-primary-hover)}.service-glow{position:absolute;inset:-2px;background:var(--hero-gradient-primary);border-radius:inherit;opacity:0;z-index:-1;filter:blur(20px);transition:opacity .4s ease}.service-card:hover .service-glow{opacity:.6;animation:serviceGlow 2s ease-in-out infinite alternate}@keyframes serviceGlow{0%{opacity:.4}to{opacity:.8}}.tech-section{padding:var(--space-32) 0;background:var(--color-surface);position:relative;overflow:hidden}.tech-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 25% 30%,rgba(99,102,241,.06) 0%,transparent 50%),radial-gradient(circle at 75% 70%,rgba(168,85,247,.04) 0%,transparent 50%);animation:sectionPulse 8s ease-in-out infinite}.tech-categories{display:flex;justify-content:center;gap:var(--space-6);margin:var(--space-16) 0;flex-wrap:wrap}.tech-category{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);background:var(--glassmorphism-bg);border:2px solid transparent;border-radius:var(--radius-2xl);cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);font-weight:600;color:var(--color-text-secondary);backdrop-filter:blur(20px);position:relative;overflow:hidden}[data-theme=light] .tech-category{background:#fffc;border:2px solid rgba(99,102,241,.1)}.tech-category:before{content:"";position:absolute;inset:0;background:var(--hero-gradient-primary);opacity:0;transition:opacity .3s ease;z-index:1}.tech-category:hover:before,.tech-category.active:before{opacity:.1}.tech-category i{font-size:var(--text-xl);color:var(--color-primary);position:relative;z-index:2}.category-name{position:relative;z-index:2}.tech-category:hover,.tech-category.active{border-color:var(--color-primary);transform:translateY(-4px) scale(1.05);color:var(--color-primary);box-shadow:var(--glow-primary)}.tech-category.active{background:#6366f11a;color:var(--color-primary)}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin-top:var(--space-12);opacity:0;animation:fadeInUp .6s ease-out .2s forwards}.tech-card{background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);border-radius:var(--radius-2xl);padding:var(--space-8);backdrop-filter:blur(20px);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--space-6)}[data-theme=light] .tech-card{background:#ffffffe6;border:1px solid rgba(99,102,241,.15);box-shadow:0 4px 20px #6366f114}.tech-card:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--hero-gradient-primary);opacity:.05;transition:width .4s ease;z-index:1}.tech-card:hover:before{width:100%}.tech-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--glow-primary);border-color:#6366f14d}.tech-card-icon{width:80px;height:80px;background:var(--hero-gradient-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-3xl);flex-shrink:0;position:relative;z-index:2;box-shadow:var(--glow-primary)}.tech-card-content{flex:1;position:relative;z-index:2}.tech-card-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-2)}.tech-card-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);font-size:var(--text-sm)}.testimonials-section{padding:var(--space-32) 0;background:var(--color-background);position:relative;overflow:hidden}.testimonials-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(168,85,247,.03) 0%,transparent 50%)}.testimonials-slider{max-width:900px;margin:var(--space-16) auto 0;position:relative}.testimonial-card{background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);border-radius:var(--radius-3xl);padding:var(--space-12);backdrop-filter:blur(30px);position:relative;overflow:hidden;text-align:center;box-shadow:var(--glow-primary);animation:testimonialReveal .8s ease-out}[data-theme=light] .testimonial-card{background:#fffffff2;border:1px solid rgba(99,102,241,.15);box-shadow:0 25px 50px #6366f11a}@keyframes testimonialReveal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.testimonial-quote{position:absolute;top:var(--space-6);left:var(--space-6);font-size:var(--text-4xl);color:var(--color-primary);opacity:.3}.testimonial-content{margin:var(--space-8) 0;position:relative;z-index:2}.testimonial-content p{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-primary);font-style:italic;margin:0;position:relative}.testimonial-content p:before,.testimonial-content p:after{content:'"';font-size:var(--text-2xl);color:var(--color-primary);font-weight:700}.testimonial-author{display:flex;align-items:center;gap:var(--space-6);justify-content:center;margin-top:var(--space-8);position:relative;z-index:2}.author-avatar{width:80px;height:80px;border-radius:50%;background:var(--hero-gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:var(--text-xl);box-shadow:var(--glow-primary);border:4px solid rgba(255,255,255,.2)}.author-info{text-align:left}.author-info h4{color:var(--color-text-primary);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-1)}.author-info p{color:var(--color-text-secondary);font-size:var(--text-base);margin:0;font-style:normal}.author-info p:before,.author-info p:after{content:none}.slider-controls{display:flex;align-items:center;justify-content:center;gap:var(--space-8);margin-top:var(--space-12)}.slider-btn{width:60px;height:60px;border-radius:50%;background:var(--glassmorphism-bg);border:2px solid var(--glassmorphism-border);color:var(--color-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);font-size:var(--text-xl)}[data-theme=light] .slider-btn{background:#ffffffe6;border:2px solid rgba(99,102,241,.2)}.slider-btn:hover{background:var(--color-primary);color:#fff;transform:scale(1.1);box-shadow:var(--glow-primary);border-color:var(--color-primary)}.slider-dots{display:flex;gap:var(--space-3)}.slider-dot{width:16px;height:16px;border-radius:50%;background:var(--color-border);cursor:pointer;transition:all .3s ease;border:2px solid transparent}.slider-dot.active,.slider-dot:hover{background:var(--color-primary);transform:scale(1.2);box-shadow:0 0 15px #6366f180}.projects-section{padding:var(--space-32) 0;background:var(--color-background)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.project-card{background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(20px);position:relative}[data-theme=light] .project-card{background:#ffffffe6;border:1px solid rgba(99,102,241,.15);box-shadow:0 8px 30px #6366f11a}.project-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--glow-primary)}.project-image{position:relative;height:240px;overflow:hidden;background:none;display:flex;align-items:center;justify-content:center}.project-image i{font-size:4rem;color:#fff;opacity:.8}.project-overlay{position:absolute;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;backdrop-filter:blur(10px)}.project-card:hover .project-overlay{opacity:1}.project-tech-stack{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.tech-badge{background:var(--glassmorphism-bg);border:1px solid var(--glassmorphism-border);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;backdrop-filter:blur(10px)}.project-content{padding:var(--space-8)}.project-title{font-size:var(--text-xl);font-weight:700;color:var(--color-text-primary);margin-bottom:var(--space-4)}.project-description{color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.project-tag{background:#6366f11a;color:var(--color-primary);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;border:1px solid rgba(99,102,241,.2)}.project-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.metric-item{text-align:center}.metric-value{display:block;font-weight:700;color:var(--color-primary);font-size:var(--text-lg)}.metric-label{font-size:var(--text-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.cta-section{padding:var(--space-32) 0;background:var(--hero-gradient-primary);color:#fff;position:relative;overflow:hidden}.cta-background,.cta-particles{position:absolute;inset:0}.cta-particle{position:absolute;width:6px;height:6px;background:#fff9;border-radius:50%;animation:ctaParticleFloat 10s linear infinite}.cta-particle:nth-child(1){left:10%;animation-delay:0s}.cta-particle:nth-child(2){left:50%;animation-delay:3s}.cta-particle:nth-child(3){left:80%;animation-delay:6s}@keyframes ctaParticleFloat{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1;transform:scale(1)}90%{opacity:1}to{transform:translateY(-100vh) scale(0);opacity:0}}.cta-content{text-align:center;position:relative;z-index:10}.cta-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:#fff3;border:1px solid rgba(255,255,255,.3);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-8);backdrop-filter:blur(20px)}.cta-title{font-size:var(--text-5xl);font-weight:800;margin-bottom:var(--space-6);text-wrap:balance}.cta-description{font-size:var(--text-xl);line-height:var(--leading-relaxed);margin-bottom:var(--space-12);opacity:.9;max-width:700px;margin-left:auto;margin-right:auto}.cta-actions{display:flex;gap:var(--space-6);justify-content:center;align-items:center}.btn-white{background:#fff;color:var(--color-primary);border:2px solid white}.btn-white:hover{background:transparent;color:#fff;box-shadow:0 8px 25px #ffffff4d}.btn-outline-white{background:transparent;color:#fff;border:2px solid white}.btn-outline-white:hover{background:#fff;color:var(--color-primary)}.btn-xl{padding:var(--space-6) var(--space-12);font-size:var(--text-xl);border-radius:var(--radius-2xl)}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:var(--space-12);text-align:center}.hero-title{font-size:var(--text-5xl)}.services-grid{grid-template-columns:1fr;gap:var(--space-8)}.projects-grid{grid-template-columns:repeat(2,1fr)}.floating-tech{width:60px;height:60px;font-size:var(--text-lg)}.tech-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width: 768px){.hero{min-height:90vh;padding-top:var(--space-20)}.hero-title{font-size:var(--text-4xl)}.hero-description{font-size:var(--text-lg)}.hero-actions{flex-direction:column;align-items:center}.hero-metrics{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.floating-tech{transform:translateY(var(--parallax-y, 0));transition:transform .1s ease-out}@media (prefers-reduced-motion: reduce){.floating-tech{transform:none!important;animation:none!important}}.projects-grid{grid-template-columns:1fr}.floating-tech{width:50px;height:50px;font-size:var(--text-base)}.code-content{padding:var(--space-4)}.code-line{font-size:var(--text-sm)}.tech-categories{gap:var(--space-4)}.tech-category{padding:var(--space-3) var(--space-6)}.tech-grid{grid-template-columns:1fr}.tech-card,.testimonial-author{flex-direction:column;text-align:center;gap:var(--space-4)}.author-info{text-align:center}.cta-title{font-size:var(--text-3xl)}.cta-actions{flex-direction:column;gap:var(--space-4)}}@media (max-width: 480px){.hero-title{font-size:var(--text-3xl)}.hero-metrics{grid-template-columns:1fr}.floating-tech{width:40px;height:40px;font-size:var(--text-sm)}.particle{width:3px;height:3px}.tech-categories{flex-direction:column;align-items:center}.testimonial-card{padding:var(--space-6)}.slider-btn{width:50px;height:50px;font-size:var(--text-lg)}}@media (prefers-reduced-motion: reduce){.particle,.cta-particle,.floating-tech,.hero-badge,.metric-number,.code-cursor{animation:none}.hero-content,.code-editor,.service-card,.project-card,.tech-card,.feature-card,.testimonial-card{transition:none}.hero-content{animation:none}}@media (prefers-contrast: high){.glassmorphism-bg{background:#ffffff26}.glassmorphism-border{border-color:#ffffff4d}.code-editor,.service-card,.project-card,.tech-card,.feature-card,.testimonial-card{border-width:2px}}.hero-visual,.floating-tech,.particle,.code-editor,.service-card,.project-card,.tech-card,.feature-card,.testimonial-card{will-change:transform;transform:translateZ(0)}.loading-skeleton{background:linear-gradient(90deg,var(--color-surface) 25%,var(--color-surface-2) 50%,var(--color-surface) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-state{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.success-state{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#22c55e}@media print{.hero-particles,.floating-elements,.cta-particles,.hero-badge,.floating-tech{display:none}.hero-content{grid-template-columns:1fr}.code-editor{break-inside:avoid}}.animate-stagger-in{opacity:1!important;transform:translateY(0)!important;transition:all .6s cubic-bezier(.16,1,.3,1)}.reveal{opacity:0;transform:translateY(30px);transition:all .8s ease}.reveal.active{opacity:1;transform:translateY(0)}.hero-visual,.floating-tech,.particle{will-change:transform}.code-line{will-change:opacity,transform}.stagger-animation>*{opacity:0;transform:translateY(20px);transition:all .6s cubic-bezier(.16,1,.3,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}:root{--legal-max-width: 1000px;--legal-content-padding: var(--space-8);--legal-heading-color: var(--color-text-primary);--legal-text-color: var(--color-text-secondary);--legal-accent-color: var(--color-primary);--legal-border-color: var(--color-border);--legal-background-subtle: var(--color-surface);--legal-shadow-subtle: var(--shadow-sm);--legal-radius: var(--radius-xl)}.page-hero{padding:calc(var(--header-height) + var(--space-20)) 0 var(--space-20);background:linear-gradient(135deg,rgba(99,102,241,.05) 0%,rgba(59,130,246,.03) 50%,transparent 100%),var(--color-background);position:relative;text-align:center;overflow:hidden}.page-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(59,130,246,.06) 0%,transparent 50%);pointer-events:none}.page-hero__content{max-width:800px;margin:0 auto;padding:0 var(--container-padding);position:relative;z-index:2}.page-hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-full);color:var(--legal-accent-color);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-6);text-transform:uppercase;letter-spacing:.05em;backdrop-filter:blur(10px);box-shadow:var(--legal-shadow-subtle)}.page-hero__title{font-family:var(--font-primary);font-size:var(--text-5xl);font-weight:800;line-height:var(--leading-tight);color:var(--legal-heading-color);margin-bottom:var(--space-6);text-wrap:balance}.page-hero__subtitle{font-size:var(--text-xl);color:var(--legal-text-color);line-height:var(--leading-relaxed);text-wrap:pretty;max-width:600px;margin:0 auto}.legal-content{padding:var(--space-20) 0;background:var(--color-background)}.legal-article{max-width:var(--legal-max-width);margin:0 auto;padding:0 var(--container-padding);background:var(--color-surface);border-radius:var(--legal-radius);box-shadow:var(--shadow-lg);border:1px solid var(--legal-border-color);position:relative}.legal-article:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);border-radius:var(--legal-radius) var(--legal-radius) 0 0}.legal-updated{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background:#6366f10d;border:1px solid rgba(99,102,241,.1);border-radius:var(--radius-lg);margin:var(--space-8) 0 var(--space-12);color:var(--legal-accent-color);font-size:var(--text-sm);font-weight:500}.legal-updated i{color:var(--legal-accent-color);font-size:var(--text-base)}.legal-intro{padding:var(--space-8);background:var(--legal-background-subtle);border-radius:var(--radius-lg);border-left:4px solid var(--legal-accent-color);margin-bottom:var(--space-12);position:relative}.legal-intro:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(99,102,241,.02) 0%,transparent 100%);border-radius:var(--radius-lg);pointer-events:none}.legal-intro p{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--legal-text-color);margin:0;position:relative;z-index:1}.legal-article h2{font-family:var(--font-primary);font-size:var(--text-3xl);font-weight:700;color:var(--legal-heading-color);margin:var(--space-16) 0 var(--space-8);padding-bottom:var(--space-4);border-bottom:2px solid var(--legal-border-color);position:relative}.legal-article h2:before{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:var(--legal-accent-color)}.legal-article h3{font-family:var(--font-primary);font-size:var(--text-xl);font-weight:600;color:var(--legal-heading-color);margin:var(--space-12) 0 var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.legal-article h3 i{color:var(--legal-accent-color);font-size:var(--text-lg)}.legal-article h4{font-family:var(--font-primary);font-size:var(--text-lg);font-weight:600;color:var(--legal-heading-color);margin:var(--space-8) 0 var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.legal-article h4 i{color:var(--legal-accent-color);font-size:var(--text-base)}.legal-article p{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--legal-text-color);margin-bottom:var(--space-6);text-align:justify;hyphens:auto}.legal-article ul,.legal-article ol{margin:var(--space-6) 0;padding-left:var(--space-8)}.legal-article li{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--legal-text-color);margin-bottom:var(--space-3)}.legal-article li strong{color:var(--legal-heading-color);font-weight:600}.contact-info{background:var(--legal-background-subtle);border-radius:var(--radius-lg);padding:var(--space-8);margin:var(--space-8) 0;border:1px solid var(--legal-border-color)}.contact-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-4)}.contact-list li{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-3);background:var(--color-background);border-radius:var(--radius-lg);border:1px solid rgba(99,102,241,.1);margin:0}.contact-list i{color:var(--legal-accent-color);font-size:var(--text-lg);margin-top:var(--space-1);flex-shrink:0}.contact-list strong{color:var(--legal-heading-color)}.company-info-detailed{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin:var(--space-8) 0}.info-section{background:var(--legal-background-subtle);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--legal-border-color);position:relative;overflow:hidden}.info-section:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--legal-accent-color)}.info-section h3{margin-top:0;margin-bottom:var(--space-6);color:var(--legal-heading-color);font-size:var(--text-lg);display:flex;align-items:center;gap:var(--space-3)}.info-list{list-style:none;padding:0;margin:0}.info-list li{padding:var(--space-2) 0;border-bottom:1px solid rgba(99,102,241,.1);margin:0}.info-list li:last-child{border-bottom:none}.sub-list{margin-top:var(--space-2);padding-left:var(--space-4)}.sub-list li{border-bottom:none;padding:var(--space-1) 0;font-size:var(--text-sm)}.data-categories,.purposes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.data-category,.purpose-item{background:var(--color-background);border:1px solid var(--legal-border-color);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;transition:all var(--transition-normal)}.data-category:hover,.purpose-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#6366f14d}.data-category h3,.purpose-item h3{margin-top:0;margin-bottom:var(--space-4);color:var(--legal-heading-color);font-size:var(--text-lg);display:flex;align-items:center;gap:var(--space-3)}.purpose-icon{width:50px;height:50px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-lg);margin-bottom:var(--space-4);box-shadow:var(--shadow-primary)}.purpose-content h3{margin:0 0 var(--space-2)}.purpose-content p{margin:0;font-size:var(--text-sm)}.purpose-content p strong{display:block;margin-bottom:var(--space-1);color:var(--legal-accent-color);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.recipients-section{background:var(--legal-background-subtle);border-radius:var(--radius-lg);padding:var(--space-8);margin:var(--space-8) 0;border:1px solid var(--legal-border-color)}.recipients-section h3{color:var(--legal-heading-color);margin-top:var(--space-6);margin-bottom:var(--space-4)}.recipients-section h3:first-child{margin-top:0}.retention-periods{display:grid;gap:var(--space-6);margin:var(--space-8) 0}.retention-item{background:var(--color-background);border:1px solid var(--legal-border-color);border-radius:var(--radius-lg);padding:var(--space-6);border-left:4px solid var(--legal-accent-color)}.retention-item h4{margin:0 0 var(--space-3);color:var(--legal-heading-color);font-size:var(--text-lg);display:flex;align-items:center;gap:var(--space-3)}.retention-item p{margin:var(--space-2) 0;font-size:var(--text-sm)}.retention-item p strong{color:var(--legal-accent-color)}.rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.right-item{background:var(--color-background);border:1px solid var(--legal-border-color);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-4);transition:all var(--transition-normal)}.right-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#6366f14d}.right-icon{width:50px;height:50px;background:#6366f11a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--legal-accent-color);font-size:var(--text-lg);flex-shrink:0}.right-content h3{margin:0 0 var(--space-2);font-size:var(--text-base);color:var(--legal-heading-color)}.right-content p{margin:0;font-size:var(--text-sm);color:var(--legal-text-color)}.rights-exercise{background:var(--legal-background-subtle);border-radius:var(--radius-lg);padding:var(--space-8);margin:var(--space-8) 0;border:1px solid var(--legal-border-color)}.documentation-required{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-6) 0;border-left:4px solid var(--color-warning)}.documentation-required h4{margin-top:0;color:var(--color-warning)}.security-measures{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin:var(--space-8) 0}.security-category{background:var(--color-background);border:1px solid var(--legal-border-color);border-radius:var(--radius-lg);padding:var(--space-6)}.security-category h3{margin-top:0;margin-bottom:var(--space-6);color:var(--legal-heading-color);display:flex;align-items:center;gap:var(--space-3)}.security-category ul{margin:0;padding-left:var(--space-6)}.security-category li{margin-bottom:var(--space-3)}.security-category li strong{color:var(--legal-accent-color)}.cookies-summary{background:var(--legal-background-subtle);border-radius:var(--radius-lg);padding:var(--space-8);margin:var(--space-8) 0;border:1px solid var(--legal-border-color)}.cookies-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-top:var(--space-6)}.cookie-type{background:var(--color-background);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--legal-border-color);text-align:center}.cookie-type h4{margin:0 0 var(--space-3);color:var(--legal-heading-color)}.cookie-type p{margin:0 0 var(--space-4);font-size:var(--text-sm)}.cookie-consent{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.cookie-consent:contains("Sin consentimiento"){background:#22c55e1a;color:var(--color-success)}.cookie-consent:contains("Consentimiento requerido"){background:#fb923c1a;color:var(--color-warning)}.services-detailed{margin:var(--space-8) 0}.service-category{background:var(--color-background);border:1px solid var(--legal-border-color);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-6);border-left:4px solid var(--legal-accent-color)}.service-category h3{margin-top:0;margin-bottom:var(--space-6);color:var(--legal-heading-color);display:flex;align-items:center;gap:var(--space-3)}.service-category h4{margin:var(--space-4) 0;color:var(--legal-accent-color)}.important-notice{background:linear-gradient(135deg,#fb923c1a,#fb923c0d);border:1px solid rgba(251,146,60,.2);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-8) 0;border-left:4px solid var(--color-warning)}.important-notice h4{margin-top:0;color:var(--color-warning);display:flex;align-items:center;gap:var(--space-3)}.website-purposes{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.purpose{background:var(--color-background);border:1px solid var(--legal-border-color);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center;transition:all var(--transition-normal)}.purpose:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#6366f14d}.purpose h4{margin:0 0 var(--space-4);color:var(--legal-heading-color);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.purpose p{margin:0;font-size:var(--text-sm);text-align:left}.usage-conditions{background:var(--legal-background-subtle);border-radius:var(--radius-lg);padding:var(--space-8);margin:var(--space-8) 0;border:1px solid var(--legal-border-color)}.usage-conditions h4{margin-top:0;margin-bottom:var(--space-6);color:var(--legal-heading-color)}.ip-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.ip-category{background:var(--color-background);border:1px solid var(--legal-border-color);border-radius:var(--radius-lg);padding:var(--space-6)}.ip-category h4{margin-top:0;margin-bottom:var(--space-6);color:var(--legal-heading-color);display:flex;align-items:center;gap:var(--space-3)}.disclaimer-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.disclaimer{background:var(--color-background);border:1px solid var(--legal-border-color);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.disclaimer h4{margin:0 0 var(--space-4);color:var(--legal-heading-color);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.disclaimer p{margin:0;font-size:var(--text-sm);text-align:left}.data-protection-highlights,.data-protection-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.highlight{background:var(--color-background);border:1px solid var(--legal-border-color);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.highlight h4{margin:0 0 var(--space-4);color:var(--legal-heading-color);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.highlight p{margin:0;font-size:var(--text-sm);text-align:left}.pricing-structure{background:var(--legal-background-subtle);border-radius:var(--radius-lg);padding:var(--space-8);margin:var(--space-8) 0;border:1px solid var(--legal-border-color)}.pricing-structure h4{margin-top:0;margin-bottom:var(--space-6);color:var(--legal-heading-color)}.payment-terms{display:grid;gap:var(--space-6);margin:var(--space-8) 0}.payment-category{background:var(--color-background);border:1px solid var(--legal-border-color);border-radius:var(--radius-lg);padding:var(--space-6);border-left:4px solid var(--legal-accent-color)}.payment-category h4{margin:0 0 var(--space-4);color:var(--legal-heading-color);display:flex;align-items:center;gap:var(--space-3)}.warranty-section{margin:var(--space-8) 0}.warranty-section h4{color:var(--legal-accent-color);margin-bottom:var(--space-4)}.warranty-section ul{background:var(--color-background);border:1px solid var(--legal-border-color);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.liability-limits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.limit-category{background:var(--color-background);border:1px solid var(--legal-border-color);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.limit-category h4{margin:0 0 var(--space-4);color:var(--legal-heading-color)}.limit-category p{margin:0;font-size:var(--text-sm)}.limit-category p strong{color:var(--legal-accent-color)}.contact-final{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.contact-method{background:var(--color-background);border:1px solid var(--legal-border-color);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.contact-method h4{margin:0 0 var(--space-4);color:var(--legal-heading-color);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.contact-method p{margin:0 0 var(--space-2);font-weight:600}.contact-method small{color:var(--legal-text-color);font-size:var(--text-xs)}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin:var(--space-8) 0}.contact-item{background:var(--color-background);border:1px solid var(--legal-border-color);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;align-items:flex-start;gap:var(--space-4);transition:all var(--transition-normal)}.contact-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#6366f14d}.contact-icon{width:50px;height:50px;background:var(--gradient-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-lg);flex-shrink:0;box-shadow:var(--shadow-primary)}.contact-details h4{margin:0 0 var(--space-2);color:var(--legal-heading-color)}.contact-details p{margin:0 0 var(--space-1);font-weight:600}.contact-details small{color:var(--legal-text-color);font-size:var(--text-xs)}.contact-section{background:var(--legal-background-subtle);border-radius:var(--radius-lg);padding:var(--space-8);margin:var(--space-8) 0;border:1px solid var(--legal-border-color)}.contact-section h3{margin-top:0;color:var(--legal-heading-color)}.contact-procedures{margin:var(--space-8) 0}.contact-channels{display:grid;gap:var(--space-6);margin:var(--space-6) 0}.channel{background:var(--color-background);border:1px solid var(--legal-border-color);border-radius:var(--radius-lg);padding:var(--space-6);border-left:4px solid var(--legal-accent-color)}.channel h4{margin:0 0 var(--space-4);color:var(--legal-heading-color);display:flex;align-items:center;gap:var(--space-3)}.channel p{margin:0 0 var(--space-2);font-weight:600}.channel small{color:var(--legal-text-color);font-size:var(--text-xs);font-style:italic}.additional-info{background:var(--legal-background-subtle);border-radius:var(--radius-lg);padding:var(--space-8);margin:var(--space-8) 0;border:1px solid var(--legal-border-color)}.additional-info h3{margin-top:0;color:var(--legal-heading-color)}.legal-footer{margin-top:var(--space-16);padding-top:var(--space-8);border-top:2px solid var(--legal-border-color);background:var(--legal-background-subtle);border-radius:var(--radius-lg);padding:var(--space-8);position:relative}.legal-footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:2px;background:var(--legal-accent-color)}.footer-info,.footer-compliance,.footer-validity{margin-bottom:var(--space-6)}.footer-info h3,.footer-compliance h3{margin:0 0 var(--space-4);color:var(--legal-heading-color);font-size:var(--text-lg)}.footer-info ul{margin:0;padding-left:var(--space-6)}.footer-info li{margin-bottom:var(--space-2);font-size:var(--text-sm)}.footer-validity{background:#6366f10d;border:1px solid rgba(99,102,241,.1);border-radius:var(--radius-lg);padding:var(--space-6);border-left:4px solid var(--legal-accent-color)}.footer-validity p{margin:0;font-size:var(--text-sm);color:var(--legal-text-color);font-weight:500}.legal-article a{color:var(--legal-accent-color);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:all var(--transition-fast)}.legal-article a:hover{color:var(--color-primary-hover);border-bottom-color:var(--color-primary-hover)}@media (max-width: 768px){.page-hero{padding:calc(var(--header-height) + var(--space-12)) 0 var(--space-12)}.page-hero__title{font-size:var(--text-3xl)}.page-hero__subtitle{font-size:var(--text-lg)}.legal-content{padding:var(--space-12) 0}.legal-article{border-radius:var(--radius-lg);margin:0 var(--space-4);padding:0 var(--space-4)}.legal-article h2{font-size:var(--text-2xl);margin:var(--space-12) 0 var(--space-6)}.legal-article h3{font-size:var(--text-lg);margin:var(--space-8) 0 var(--space-4)}.company-info-detailed,.data-categories,.purposes-grid,.rights-grid,.security-measures,.cookies-types,.website-purposes,.disclaimer-types,.data-protection-highlights,.payment-terms,.liability-limits,.contact-final,.contact-info-grid{grid-template-columns:1fr;gap:var(--space-4)}.legal-intro,.contact-info,.usage-conditions,.pricing-structure,.warranty-section,.recipients-section,.cookies-summary,.additional-info,.legal-footer{padding:var(--space-6)}.contact-item,.right-item{flex-direction:column;text-align:center}.contact-icon,.right-icon{margin:0 auto var(--space-4)}}@media (max-width: 480px){.page-hero__title{font-size:var(--text-2xl)}.page-hero__subtitle{font-size:var(--text-base)}.legal-article{margin:0 var(--space-2);padding:0 var(--space-2)}.legal-intro,.contact-info,.usage-conditions,.pricing-structure,.warranty-section,.recipients-section,.cookies-summary,.additional-info,.legal-footer,.info-section,.data-category,.purpose-item,.retention-item,.right-item,.security-category,.cookie-type,.purpose,.disclaimer,.highlight,.payment-category,.limit-category,.contact-method,.contact-item,.channel{padding:var(--space-4)}}[data-theme=dark]{--legal-background-subtle: var(--gray-800);--legal-border-color: var(--gray-700);--legal-shadow-subtle: 0 1px 3px 0 rgb(0 0 0 / .3)}[data-theme=dark] .page-hero:before{background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(59,130,246,.08) 0%,transparent 50%)}[data-theme=dark] .legal-article{box-shadow:0 25px 50px -12px #0006}[data-theme=dark] .contact-icon,[data-theme=dark] .purpose-icon{box-shadow:0 8px 25px #6366f166}@media (prefers-reduced-motion: reduce){.data-category,.purpose-item,.right-item,.contact-item,.purpose,.disclaimer,.highlight,.contact-method{transition:none}.data-category:hover,.purpose-item:hover,.right-item:hover,.contact-item:hover,.purpose:hover,.disclaimer:hover,.highlight:hover,.contact-method:hover{transform:none}}@media (prefers-contrast: high){.legal-article,.data-category,.purpose-item,.right-item,.contact-item,.info-section,.retention-item,.security-category,.cookie-type,.purpose,.disclaimer,.highlight,.payment-category,.limit-category,.contact-method,.channel{border-width:2px}}@media print{.page-hero,.legal-updated{display:none}.legal-content{padding:0}.legal-article{box-shadow:none;border:1px solid #000;margin:0;padding:1rem}.legal-article h2{break-after:avoid;page-break-after:avoid}.data-category,.purpose-item,.right-item,.contact-item,.info-section,.retention-item,.security-category{break-inside:avoid;page-break-inside:avoid}}body{opacity:0;transition:opacity .3s ease}body.loaded{opacity:1}.font-loading[data-astro-cid-o7hvdbfg]{font-family:system-ui,-apple-system,sans-serif}:root{--theme-transition: none}.react-dev-overlay[data-astro-cid-o7hvdbfg]{display:none!important}html{scroll-behavior:smooth}html[data-theme=dark]{color-scheme:dark}html[data-theme=light]{color-scheme:light}.header[data-astro-cid-o7hvdbfg]{background:var(--color-surface, #1e293b);border-bottom:1px solid var(--color-border, #334155);transition:var(--theme-transition, all .3s ease)}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}[data-astro-cid-o7hvdbfg]{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}code[data-astro-cid-o7hvdbfg],pre[data-astro-cid-o7hvdbfg],.code-line[data-astro-cid-o7hvdbfg],.code-editor[data-astro-cid-o7hvdbfg]{font-family:JetBrains Mono,Fira Code,Monaco,Consolas,Ubuntu Mono,monospace!important;font-feature-settings:"liga" 1,"calt" 1}@font-face{font-family:Liberation Mono;src:local("JetBrains Mono"),local("Monaco"),local("Consolas");font-display:block}