*, *::before, *::after{box-sizing: border-box}*, *::before, *::after{margin: 0;padding: 0}html{-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;-webkit-text-size-adjust: 100%;-moz-text-size-adjust: 100%;text-size-adjust: 100%;tab-size: 4;font-feature-settings: "kern" 1, "liga" 1, "calt" 1;line-height: 1.5;overflow-wrap: break-word}body{min-height: 100vh;min-height: 100svh;line-height: 1.5;display: flex;flex-direction: column}#app-content{flex: 1 0 auto}#app-header, #app-footer{flex-shrink: 0}img, picture, video, canvas, svg{display: block;max-width: 100%}img, video{height: auto}svg{overflow: visible}input, button, textarea, select, optgroup{font: inherit;color: inherit;letter-spacing: inherit}input, textarea{border: none;outline: none}textarea{resize: vertical}p, h1, h2, h3, h4, h5, h6{overflow-wrap: break-word}p, h1, h2, h3, h4, h5, h6{hyphens: manual;-webkit-hyphens: manual;-ms-hyphens: manual}h1, h2, h3, h4, h5, h6{text-wrap: balance}p{text-wrap: pretty}ul[role="list"], ol[role="list"]{list-style: none}button{background: none;border: none;padding: 0;cursor: pointer;color: inherit;font: inherit;line-height: inherit;-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-user-select: none;user-select: none}button::-moz-focus-inner{border: 0;padding: 0}a{color: inherit;text-decoration: inherit;-webkit-user-select: none;user-select: none}table{border-collapse: collapse;border-spacing: 0}fieldset{border: none;padding: 0;margin: 0}legend{padding: 0}select{-webkit-appearance: none;-moz-appearance: none;appearance: none}input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration{-webkit-appearance: none}input[type="number"]{-moz-appearance: textfield}input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button{-webkit-appearance: none;margin: 0}summary{display: list-item;cursor: pointer;-webkit-user-select: none;user-select: none}dialog{padding: 0;border: none;background: transparent}dialog::backdrop{background: transparent}abbr[title]{text-decoration: underline dotted}b, strong{font-weight: bolder}code, kbd, samp, pre{font-size: 1em}small{font-size: 80%}sub, sup{font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}sub{bottom: -0.25em}sup{top: -0.5em}hr{height: 0;color: inherit;border: none;border-top: 1px solid}[hidden]{display: none !important}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*, *::before, *::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;scroll-behavior: auto !important}}:root{--border-color: #e2e8f0;--color-primary: #6366f1;--color-primary-light: #818cf8;--color-primary-dark: #4f46e5;--color-primary-50: #eef2ff;--color-primary-100: #e0e7ff;--color-primary-200: #c7d2fe;--color-primary-rgb: 99, 102, 241;--primary-light: #eff6ff;--color-secondary: #0ea5e9;--color-secondary-light: #38bdf8;--color-secondary-dark: #0284c7;--color-secondary-rgb: 14, 165, 233;--color-accent: #f43f5e;--color-accent-light: #fb7185;--color-accent-dark: #e11d48;--color-bg: #ffffff;--color-bg-alt: #f8fafc;--color-bg-rgb: 255, 255, 255;--color-surface: #ffffff;--color-surface-2: #f8fafc;--color-surface-hover: #f1f5f9;--color-surface-active: #e2e8f0;--color-surface-raised: #ffffff;--color-surface-rgb: 255, 255, 255;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-border-strong: #cbd5e1;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-faint: #94a3b8;--color-text-inverse: #ffffff;--color-text-on-secondary: var(--color-text-inverse);--color-success: #10b981;--color-success-light: #d1fae5;--color-success-dark: #059669;--color-warning: #f59e0b;--color-warning-light: #fef3c7;--color-warning-dark: #d97706;--color-error: #ef4444;--color-error-light: #fee2e2;--color-error-dark: #dc2626;--color-error-rgb: 239, 68, 68;--color-info: #3b82f6;--color-info-light: #dbeafe;--color-info-dark: #2563eb;--color-success-rgb: 16, 185, 129;--font-heading: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;--font-body: 'Inter', 'Segoe UI', system-ui, -apple-system, sans-serif;--font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', 'Consolas', monospace;--text-xs: clamp(0.6875rem, 0.65rem + 0.15vw, 0.75rem);--text-sm: clamp(0.8125rem, 0.78rem + 0.15vw, 0.875rem);--text-base: clamp(0.9375rem, 0.9rem + 0.18vw, 1rem);--text-lg: clamp(1.0625rem, 1rem + 0.25vw, 1.125rem);--text-xl: clamp(1.1875rem, 1.1rem + 0.35vw, 1.25rem);--text-2xl: clamp(1.4rem, 1.3rem + 0.5vw, 1.5rem);--text-3xl: clamp(1.75rem, 1.55rem + 0.9vw, 1.875rem);--text-4xl: clamp(2.1rem, 1.8rem + 1.3vw, 2.25rem);--text-5xl: clamp(2.75rem, 2.3rem + 1.8vw, 3rem);--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--tracking-tighter: -0.05em;--tracking-tight: -0.025em;--tracking-normal: 0;--tracking-wide: 0.025em;--tracking-wider: 0.05em;--space-xs: 0.25rem;--space-sm: 0.5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 6rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 3px 0 rgba(0, 0, 0, 0.06);--shadow-md: 0 2px 4px -1px rgba(0, 0, 0, 0.04), 0 4px 8px -1px rgba(0, 0, 0, 0.08);--shadow-lg: 0 4px 6px -2px rgba(0, 0, 0, 0.03), 0 10px 20px -3px rgba(0, 0, 0, 0.1);--shadow-xl: 0 8px 12px -4px rgba(0, 0, 0, 0.04), 0 20px 40px -6px rgba(0, 0, 0, 0.12);--shadow-2xl: 0 16px 24px -8px rgba(0, 0, 0, 0.06), 0 32px 64px -12px rgba(0, 0, 0, 0.16);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);--shadow-glow: 0 0 20px rgba(var(--color-primary-rgb), 0.15);--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.04), 0 6px 16px rgba(0, 0, 0, 0.06);--transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);--transition-spring: 500ms cubic-bezier(0.34, 1.56, 0.64, 1);--ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);--ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);--container-max: 1200px;--container-narrow: 720px;--container-wide: 1440px;--header-height: 80px;--sidebar-width: 280px;--sidebar-collapsed-width: 72px;--content-padding: var(--space-lg);--z-base: 1;--z-dropdown: 50;--z-sticky: 80;--z-header: 100;--z-overlay: 500;--z-modal: 1000;--z-toast: 2000;--z-tooltip: 3000;--z-max: 9999;--backdrop-blur: 12px;--backdrop-color: rgba(0, 0, 0, 0.5);--focus-ring-width: 3px;--focus-ring-color: rgba(var(--color-primary-rgb), 0.4);--focus-ring-offset: 2px}[data-theme="dark"]{--border-color: #1e293b;--color-primary: #818cf8;--color-primary-light: #a5b4fc;--color-primary-dark: #6366f1;--color-primary-50: rgba(99, 102, 241, 0.1);--color-primary-100: rgba(99, 102, 241, 0.15);--color-primary-200: rgba(99, 102, 241, 0.25);--primary-light: rgba(99, 102, 241, 0.25);--color-secondary: #38bdf8;--color-secondary-light: #7dd3fc;--color-secondary-dark: #0ea5e9;--color-accent: #fb7185;--color-accent-light: #fda4af;--color-accent-dark: #f43f5e;--color-bg: #0c0f1a;--color-bg-alt: #111827;--color-bg-rgb: 12, 15, 26;--color-surface: #1e2235;--color-surface-2: #252a3f;--color-surface-hover: #282d44;--color-surface-active: #323853;--color-surface-raised: #252a3f;--color-surface-rgb: 30, 34, 53;--color-border: #2d3350;--color-border-light: #232845;--color-border-strong: #3d4470;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-faint: #64748b;--color-text-inverse: #0f172a;--color-text-on-secondary: var(--color-text-inverse);--color-success-light: rgba(16, 185, 129, 0.15);--color-warning-light: rgba(245, 158, 11, 0.15);--color-error-light: rgba(239, 68, 68, 0.15);--color-info-light: rgba(59, 130, 246, 0.15);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.3);--shadow-md: 0 2px 4px -1px rgba(0, 0, 0, 0.25), 0 4px 8px -1px rgba(0, 0, 0, 0.35);--shadow-lg: 0 4px 6px -2px rgba(0, 0, 0, 0.2), 0 10px 20px -3px rgba(0, 0, 0, 0.4);--shadow-xl: 0 8px 12px -4px rgba(0, 0, 0, 0.3), 0 20px 40px -6px rgba(0, 0, 0, 0.45);--shadow-2xl: 0 16px 24px -8px rgba(0, 0, 0, 0.35), 0 32px 64px -12px rgba(0, 0, 0, 0.5);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2);--shadow-glow: 0 0 24px rgba(var(--color-primary-rgb), 0.25);--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.15), 0 6px 16px rgba(0, 0, 0, 0.25);--backdrop-color: rgba(0, 0, 0, 0.7)}@media (prefers-color-scheme: dark){[data-theme="system"]{--color-primary: #818cf8;--color-primary-light: #a5b4fc;--color-primary-dark: #6366f1;--color-primary-50: rgba(99, 102, 241, 0.1);--color-primary-100: rgba(99, 102, 241, 0.15);--color-primary-200: rgba(99, 102, 241, 0.25);--color-secondary: #38bdf8;--color-secondary-light: #7dd3fc;--color-secondary-dark: #0ea5e9;--color-accent: #fb7185;--color-accent-light: #fda4af;--color-accent-dark: #f43f5e;--color-bg: #0c0f1a;--color-bg-alt: #111827;--color-bg-rgb: 12, 15, 26;--color-surface: #1e2235;--color-surface-hover: #282d44;--color-surface-active: #323853;--color-surface-raised: #252a3f;--color-surface-rgb: 30, 34, 53;--color-border: #2d3350;--color-border-light: #232845;--color-border-strong: #3d4470;--color-text: #f1f5f9;--color-text-muted: #94a3b8;--color-text-faint: #64748b;--color-text-inverse: #0f172a;--color-text-on-secondary: var(--color-text-inverse);--color-success-light: rgba(16, 185, 129, 0.15);--color-warning-light: rgba(245, 158, 11, 0.15);--color-error-light: rgba(239, 68, 68, 0.15);--color-info-light: rgba(59, 130, 246, 0.15);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 1px 3px 0 rgba(0, 0, 0, 0.3);--shadow-md: 0 2px 4px -1px rgba(0, 0, 0, 0.25), 0 4px 8px -1px rgba(0, 0, 0, 0.35);--shadow-lg: 0 4px 6px -2px rgba(0, 0, 0, 0.2), 0 10px 20px -3px rgba(0, 0, 0, 0.4);--shadow-xl: 0 8px 12px -4px rgba(0, 0, 0, 0.3), 0 20px 40px -6px rgba(0, 0, 0, 0.45);--shadow-2xl: 0 16px 24px -8px rgba(0, 0, 0, 0.35), 0 32px 64px -12px rgba(0, 0, 0, 0.5);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.2);--shadow-glow: 0 0 24px rgba(var(--color-primary-rgb), 0.25);--shadow-card: 0 1px 3px rgba(0, 0, 0, 0.15), 0 6px 16px rgba(0, 0, 0, 0.25);--backdrop-color: rgba(0, 0, 0, 0.7)}}body{font-family: var(--font-body);font-size: var(--text-base);font-weight: var(--font-normal);line-height: var(--leading-normal);color: var(--color-text);background-color: var(--color-bg);transition: background-color var(--transition-slow), color var(--transition-slow);overflow-x: clip;overflow-anchor: none}h1, h2, h3, h4, h5, h6{font-family: var(--font-heading);line-height: var(--leading-tight);letter-spacing: var(--tracking-tight);color: var(--color-text)}h1{font-size: var(--text-4xl);font-weight: var(--font-extrabold)}h2{font-size: var(--text-3xl);font-weight: var(--font-bold);margin-bottom: var(--space-md)}h3{font-size: var(--text-2xl);font-weight: var(--font-bold);margin-bottom: var(--space-md)}h4{font-size: var(--text-xl);font-weight: var(--font-semibold);margin-bottom: var(--space-sm)}h5{font-size: var(--text-lg);font-weight: var(--font-semibold);margin-bottom: var(--space-sm)}h6{font-size: var(--text-base);font-weight: var(--font-semibold);margin-bottom: var(--space-sm)}p{margin-bottom: var(--space-md);color: var(--color-text)}p:last-child{margin-bottom: 0}a{color: var(--color-primary);text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 2px;transition: color var(--transition-fast), text-decoration-color var(--transition-fast)}a:hover{color: var(--color-primary-dark);text-decoration-thickness: 2px}strong, b{font-weight: var(--font-semibold)}small{font-size: var(--text-sm)}code{font-family: var(--font-mono);font-size: 0.9em;background-color: var(--color-bg-alt);padding: 0.15em 0.4em;border-radius: var(--radius-sm);border: 1px solid var(--color-border)}pre{font-family: var(--font-mono);font-size: var(--text-sm);background-color: var(--color-bg-alt);padding: var(--space-md);border-radius: var(--radius-md);border: 1px solid var(--color-border);overflow-x: auto}pre code{background: none;padding: 0;border: none;font-size: inherit}blockquote{border-left: 4px solid var(--color-primary);padding-left: var(--space-md);margin: var(--space-md) 0;color: var(--color-text-muted);font-style: italic}mark{background-color: var(--color-warning-light);color: var(--color-text);padding: 0.1em 0.3em;border-radius: var(--radius-sm)}hr{border-top: 1px solid var(--color-border);margin: var(--space-xl) 0}::selection{background-color: rgba(var(--color-primary-rgb), 0.2);color: var(--color-text)}:focus-visible{outline: var(--focus-ring-width) solid var(--focus-ring-color);outline-offset: var(--focus-ring-offset);border-radius: var(--radius-sm)}:focus:not(:focus-visible){outline: none}#news-detail-page.container{margin-top: calc(var(--header-height) + var(--space-xl))}#news-page.container{margin-top: calc(var(--header-height) + var(--space-xl))}#my-account-page.container{margin-top: calc(var(--header-height) + var(--space-3xl));padding-bottom: var(--space-xl)}#login-page.container, #register-page.container, #forgot-password-page.container{margin-top: calc(var(--header-height) + var(--space-xl))}.container{width: 100%;max-width: var(--container-max);margin-left: auto;margin-right: auto;padding-left: var(--space-md);padding-right: var(--space-md)}.container-narrow{width: 100%;max-width: var(--container-narrow);margin-left: auto;margin-right: auto;padding-left: var(--space-md);padding-right: var(--space-md)}.container-wide{width: 100%;max-width: var(--container-wide);margin-left: auto;margin-right: auto;padding-left: var(--space-md);padding-right: var(--space-md)}.container-fluid{width: 100%;padding-left: var(--space-md);padding-right: var(--space-md)}.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}.sr-only-focusable:focus, .sr-only-focusable:active{position: static;width: auto;height: auto;padding: inherit;margin: inherit;overflow: visible;clip: auto;white-space: normal}.text-left{text-align: left}.text-center{text-align: center}.text-right{text-align: right}.text-justify{text-align: justify}.mb-0{margin-bottom: 0}.mb-1{margin-bottom: var(--space-xs)}.mb-2{margin-bottom: var(--space-sm)}.mb-3{margin-bottom: var(--space-md)}.mb-4{margin-bottom: var(--space-lg)}.mb-5{margin-bottom: var(--space-xl)}.mb-6{margin-bottom: var(--space-2xl)}.mt-0{margin-top: 0}.mt-1{margin-top: var(--space-xs)}.mt-2{margin-top: var(--space-sm)}.mt-3{margin-top: var(--space-md)}.mt-4{margin-top: var(--space-lg)}.mt-5{margin-top: var(--space-xl)}.mt-6{margin-top: var(--space-2xl)}.flex{display: flex}.inline-flex{display: inline-flex}.flex-col{display: flex;flex-direction: column}.flex-row{display: flex;flex-direction: row}.flex-wrap{flex-wrap: wrap}.flex-nowrap{flex-wrap: nowrap}.flex-center{display: flex;align-items: center;justify-content: center}.items-start{align-items: flex-start}.items-center{align-items: center}.items-end{align-items: flex-end}.items-baseline{align-items: baseline}.items-stretch{align-items: stretch}.justify-start{justify-content: flex-start}.justify-center{justify-content: center}.justify-end{justify-content: flex-end}.justify-between{justify-content: space-between}.justify-around{justify-content: space-around}.justify-evenly{justify-content: space-evenly}.flex-1{flex: 1 1 0%}.flex-auto{flex: 1 1 auto}.flex-none{flex: none}.flex-shrink-0{flex-shrink: 0}.self-start{align-self: flex-start}.self-center{align-self: center}.self-end{align-self: flex-end}.gap-0{gap: 0}.gap-1{gap: var(--space-xs)}.gap-2{gap: var(--space-sm)}.gap-3{gap: var(--space-md)}.gap-4{gap: var(--space-lg)}.gap-5{gap: var(--space-xl)}.gap-6{gap: var(--space-2xl)}.grid{display: grid}.grid-2{display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-md)}.grid-3{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-md)}.grid-4{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-md)}.grid-auto{display: grid;grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));gap: var(--space-md)}@media (max-width: 1024px){.grid-4{grid-template-columns: repeat(2, 1fr)}.grid-3{grid-template-columns: repeat(2, 1fr)}}@media (max-width: 640px){.grid-2, .grid-3, .grid-4{grid-template-columns: 1fr}}.hidden{display: none !important}.visible{visibility: visible}.invisible{visibility: hidden}.opacity-0{opacity: 0}.opacity-50{opacity: 0.5}.opacity-100{opacity: 1}.block{display: block}.inline-block{display: inline-block}.inline{display: inline}.overflow-hidden{overflow: hidden}.overflow-auto{overflow: auto}.overflow-x-auto{overflow-x: auto}.overflow-y-auto{overflow-y: auto}.w-full{width: 100%}.h-full{height: 100%}.min-h-screen{min-height: 100vh;min-height: 100svh}.max-w-full{max-width: 100%}.rounded-none{border-radius: 0}.rounded-sm{border-radius: var(--radius-sm)}.rounded{border-radius: var(--radius-md)}.rounded-lg{border-radius: var(--radius-lg)}.rounded-xl{border-radius: var(--radius-xl)}.rounded-2xl{border-radius: var(--radius-2xl)}.rounded-full{border-radius: var(--radius-full)}.shadow-none{box-shadow: none}.shadow-sm{box-shadow: var(--shadow-sm)}.shadow{box-shadow: var(--shadow-md)}.shadow-lg{box-shadow: var(--shadow-lg)}.shadow-xl{box-shadow: var(--shadow-xl)}.shadow-2xl{box-shadow: var(--shadow-2xl)}.truncate{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.line-clamp-2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.line-clamp-3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.line-clamp-4{display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden}.relative{position: relative}.absolute{position: absolute}.fixed{position: fixed}.sticky{position: sticky}.inset-0{inset: 0}.top-0{top: 0}.right-0{right: 0}.bottom-0{bottom: 0}.left-0{left: 0}.font-heading{font-family: var(--font-heading)}.font-body{font-family: var(--font-body)}.font-mono{font-family: var(--font-mono)}.font-light{font-weight: var(--font-light)}.font-normal{font-weight: var(--font-normal)}.font-medium{font-weight: var(--font-medium)}.font-semibold{font-weight: var(--font-semibold)}.font-bold{font-weight: var(--font-bold)}.uppercase{text-transform: uppercase}.lowercase{text-transform: lowercase}.capitalize{text-transform: capitalize}.italic{font-style: italic}.no-underline{text-decoration: none}.underline{text-decoration: underline}.text-primary{color: var(--color-primary)}.text-secondary{color: var(--color-secondary)}.text-muted{color: var(--color-text-muted)}.text-faint{color: var(--color-text-faint)}.text-success{color: var(--color-success)}.text-warning{color: var(--color-warning)}.text-error{color: var(--color-error)}.text-info{color: var(--color-info)}.text-inverse{color: var(--color-text-inverse)}.bg-primary{background-color: var(--color-primary)}.bg-surface{background-color: var(--color-surface)}.bg-alt{background-color: var(--color-bg-alt)}.bg-transparent{background-color: transparent}.border{border: 1px solid var(--color-border)}.border-light{border: 1px solid var(--color-border-light)}.border-strong{border: 1px solid var(--color-border-strong)}.border-top{border-top: 1px solid var(--color-border)}.border-bottom{border-bottom: 1px solid var(--color-border)}.border-none{border: none}.cursor-pointer{cursor: pointer}.cursor-default{cursor: default}.cursor-not-allowed{cursor: not-allowed}.pointer-events-none{pointer-events: none}.p-0{padding: 0}.p-1{padding: var(--space-xs)}.p-2{padding: var(--space-sm)}.p-3{padding: var(--space-md)}.p-4{padding: var(--space-lg)}.p-5{padding: var(--space-xl)}.p-6{padding: var(--space-2xl)}.px-1{padding-left: var(--space-xs);padding-right: var(--space-xs)}.px-2{padding-left: var(--space-sm);padding-right: var(--space-sm)}.px-3{padding-left: var(--space-md);padding-right: var(--space-md)}.px-4{padding-left: var(--space-lg);padding-right: var(--space-lg)}.py-1{padding-top: var(--space-xs);padding-bottom: var(--space-xs)}.py-2{padding-top: var(--space-sm);padding-bottom: var(--space-sm)}.py-3{padding-top: var(--space-md);padding-bottom: var(--space-md)}.py-4{padding-top: var(--space-lg);padding-bottom: var(--space-lg)}.custom-scrollbar{scrollbar-width: thin;scrollbar-color: var(--color-border-strong) transparent}.custom-scrollbar::-webkit-scrollbar{width: 6px;height: 6px}.custom-scrollbar::-webkit-scrollbar-track{background: transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background-color: var(--color-border-strong);border-radius: var(--radius-full)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color: var(--color-text-muted)}.tabs{display: flex;gap: var(--space-xs);border-bottom: 2px solid var(--color-border);margin-bottom: var(--space-xl);overflow-x: auto;-webkit-overflow-scrolling: touch}.tab-item{padding: var(--space-sm) var(--space-lg);font-size: var(--font-size-sm, 0.875rem);font-weight: var(--font-medium, 500);color: var(--color-text-muted);border: none;background: none;cursor: pointer;white-space: nowrap;border-bottom: 2px solid transparent;margin-bottom: -2px;transition: color 0.2s, border-color 0.2s;-webkit-user-select: none;user-select: none}.tab-item:hover{color: var(--color-text)}.tab-item.active{color: var(--color-primary, var(--color-accent));border-bottom-color: var(--color-primary, var(--color-accent))}.tab-panel{display: none}.tab-content.active, .tab-panel.active{display: block}.data-table-wrapper{overflow-x: auto;border: 1px solid var(--color-border);border-radius: var(--radius-md, 0.5rem)}.data-table{width: 100%;border-collapse: collapse;font-size: var(--font-size-sm, 0.875rem)}.data-table th, .data-table td{padding: var(--space-sm) var(--space-md);text-align: left;border-bottom: 1px solid var(--color-border)}.data-table th{font-weight: var(--font-semibold, 600);color: var(--color-text-muted);background: var(--color-bg-alt, var(--color-surface));white-space: nowrap;font-size: var(--font-size-xs, 0.75rem);text-transform: uppercase;letter-spacing: 0.05em}.data-table tbody tr:last-child td{border-bottom: none}.data-table tbody tr:hover{background: var(--color-bg-alt, rgba(0,0,0,0.02))}.data-table .badge{font-size: var(--font-size-xs, 0.75rem)}@media (max-width: 640px){.data-table th, .data-table td{padding: var(--space-xs) var(--space-sm);font-size: var(--font-size-xs, 0.75rem)}}@media (max-width: 640px){.sm\:hidden{display: none !important}.sm\:block{display: block !important}.sm\:flex-col{flex-direction: column}.sm\:text-center{text-align: center}.sm\:w-full{width: 100%}}@media (max-width: 768px){.hide-mobile{display: none !important}}@media (max-width: 1023px){.hide-tablet{display: none !important}}@media (min-width: 641px) and (max-width: 1024px){.md\:hidden{display: none !important}.md\:block{display: block !important}}@media (min-width: 1025px){.lg\:hidden{display: none !important}.lg\:block{display: block !important}}.page-enter{opacity: 0;transform: translateY(20px)}.page-enter-active{opacity: 1;transform: translateY(0);transition: opacity 300ms cubic-bezier(0.16, 1, 0.3, 1), transform 300ms cubic-bezier(0.16, 1, 0.3, 1)}.page-leave{opacity: 1;transform: translateY(0)}.page-leave-active{opacity: 0;transform: translateY(-10px);transition: opacity 200ms cubic-bezier(0.4, 0, 1, 1), transform 200ms cubic-bezier(0.4, 0, 1, 1)}.modal-overlay{opacity: 0;transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)}.modal-overlay.active{opacity: 1}.modal-overlay.closing{opacity: 0;transition: opacity 200ms cubic-bezier(0.4, 0, 1, 1)}.modal-content{opacity: 0;transform: scale(0.95) translateY(10px);transition: opacity 300ms cubic-bezier(0.34, 1.56, 0.64, 1), transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1)}.modal-content.active{opacity: 1;transform: scale(1) translateY(0)}.modal-content.closing{opacity: 0;transform: scale(0.97) translateY(5px);transition: opacity 200ms cubic-bezier(0.4, 0, 1, 1), transform 200ms cubic-bezier(0.4, 0, 1, 1)}.modal-content--slide-up{opacity: 0;transform: translateY(100%);transition: opacity 350ms cubic-bezier(0.16, 1, 0.3, 1), transform 350ms cubic-bezier(0.16, 1, 0.3, 1)}.modal-content--slide-up.active{opacity: 1;transform: translateY(0)}.modal-content--slide-up.closing{opacity: 0;transform: translateY(100%);transition: opacity 250ms cubic-bezier(0.4, 0, 1, 1), transform 250ms cubic-bezier(0.4, 0, 1, 1)}.toast{opacity: 0;transform: translateX(120%);transition: opacity 350ms cubic-bezier(0.16, 1, 0.3, 1), transform 350ms cubic-bezier(0.16, 1, 0.3, 1)}.toast.visible{opacity: 1;transform: translateX(0)}.toast.exiting{opacity: 0;transform: translateX(120%);transition: opacity 250ms cubic-bezier(0.4, 0, 1, 1), transform 250ms cubic-bezier(0.4, 0, 1, 1)}.toast--top{transform: translateY(-120%)}.toast--top.visible{transform: translateY(0)}.toast--top.exiting{transform: translateY(-120%)}.card-hover{transform: translateY(0) translateZ(0);transition: transform var(--transition-base), box-shadow var(--transition-base)}.card-hover:hover{transform: translateY(-4px) translateZ(0);box-shadow: var(--shadow-lg)}.card-hover:active{transform: translateY(-2px) translateZ(0)}.card-hover-scale{transform: scale(1) translateZ(0);transition: transform var(--transition-base), box-shadow var(--transition-base)}.card-hover-scale:hover{transform: scale(1.02) translateZ(0);box-shadow: var(--shadow-lg)}.card-hover-scale:active{transform: scale(1.005) translateZ(0)}.card-hover-tilt{transform: perspective(1000px) rotateX(0) rotateY(0) translateZ(0);transition: transform var(--transition-base), box-shadow var(--transition-base)}.btn-press{transform: scale(1) translateZ(0);transition: transform var(--transition-fast)}.btn-press:active{transform: scale(0.97) translateZ(0)}.btn-shimmer{position: relative;overflow: hidden}.btn-shimmer::after{content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.15) 50%, transparent 100% );transform: translateZ(0);animation: shimmer 2.5s infinite}@keyframes shimmer{0%{transform: translateX(0%) translateZ(0)}100%{transform: translateX(200%) translateZ(0)}}.btn-ripple{position: relative;overflow: hidden}.btn-ripple::after{content: '';position: absolute;top: 50%;left: 50%;width: 0;height: 0;border-radius: var(--radius-full);background: rgba(255, 255, 255, 0.2);transform: translate(-50%, -50%) scale(0) translateZ(0);opacity: 1}.btn-ripple:active::after{width: 300px;height: 300px;opacity: 0;transform: translate(-50%, -50%) scale(1) translateZ(0);transition: width 0.4s ease-out, height 0.4s ease-out, opacity 0.4s ease-out, transform 0.4s ease-out}.skeleton{position: relative;overflow: hidden;background-color: var(--color-bg-alt);border-radius: var(--radius-md)}.skeleton::after{content: '';position: absolute;inset: 0;transform: translateX(-100%) translateZ(0);background: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100% );animation: skeleton-pulse 1.8s ease-in-out infinite}@keyframes skeleton-pulse{0%{transform: translateX(-100%) translateZ(0)}50%, 100%{transform: translateX(100%) translateZ(0)}}.spinner{display: inline-block;width: 24px;height: 24px;border: 3px solid var(--color-border);border-top-color: var(--color-primary);border-radius: var(--radius-full);animation: spinner-rotate 0.7s linear infinite}.spinner--sm{width: 16px;height: 16px;border-width: 2px}.spinner--lg{width: 40px;height: 40px;border-width: 4px}@keyframes spinner-rotate{to{transform: rotate(360deg) translateZ(0)}}.dots-loading{display: inline-flex;align-items: center;gap: 4px}.dots-loading span{display: inline-block;width: 8px;height: 8px;border-radius: var(--radius-full);background-color: var(--color-primary);animation: dots-bounce 1.4s ease-in-out infinite}.dots-loading span:nth-child(1){animation-delay: 0ms}.dots-loading span:nth-child(2){animation-delay: 160ms}.dots-loading span:nth-child(3){animation-delay: 320ms}@keyframes dots-bounce{0%, 80%, 100%{transform: scale(0.6) translateZ(0);opacity: 0.4}40%{transform: scale(1) translateZ(0);opacity: 1}}.progress-indeterminate{width: 100%;height: 3px;background-color: var(--color-bg-alt);border-radius: var(--radius-full);overflow: hidden;position: relative}.progress-indeterminate::after{content: '';position: absolute;top: 0;left: 0;height: 100%;width: 40%;background-color: var(--color-primary);border-radius: var(--radius-full);animation: progress-slide 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite}@keyframes progress-slide{0%{transform: translateX(-100%) translateZ(0)}100%{transform: translateX(350%) translateZ(0)}}.fade-in{animation: fadeIn 300ms cubic-bezier(0.16, 1, 0.3, 1) forwards}.fade-out{animation: fadeOut 200ms cubic-bezier(0.4, 0, 1, 1) forwards}@keyframes fadeIn{from{opacity: 0}to{opacity: 1}}@keyframes fadeOut{from{opacity: 1}to{opacity: 0}}.slide-up{animation: slideUp 350ms cubic-bezier(0.16, 1, 0.3, 1) forwards}.slide-down{animation: slideDown 350ms cubic-bezier(0.16, 1, 0.3, 1) forwards}.slide-left{animation: slideLeft 350ms cubic-bezier(0.16, 1, 0.3, 1) forwards}.slide-right{animation: slideRight 350ms cubic-bezier(0.16, 1, 0.3, 1) forwards}@keyframes slideUp{from{opacity: 0;transform: translateY(20px) translateZ(0)}to{opacity: 1;transform: translateY(0) translateZ(0)}}@keyframes slideDown{from{opacity: 0;transform: translateY(-20px) translateZ(0)}to{opacity: 1;transform: translateY(0) translateZ(0)}}@keyframes slideLeft{from{opacity: 0;transform: translateX(20px) translateZ(0)}to{opacity: 1;transform: translateX(0) translateZ(0)}}@keyframes slideRight{from{opacity: 0;transform: translateX(-20px) translateZ(0)}to{opacity: 1;transform: translateX(0) translateZ(0)}}.scale-in{animation: scaleIn 300ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.scale-out{animation: scaleOut 200ms cubic-bezier(0.4, 0, 1, 1) forwards}@keyframes scaleIn{from{opacity: 0;transform: scale(0.9) translateZ(0)}to{opacity: 1;transform: scale(1) translateZ(0)}}@keyframes scaleOut{from{opacity: 1;transform: scale(1) translateZ(0)}to{opacity: 0;transform: scale(0.9) translateZ(0)}}.stagger-item{opacity: 0;transform: translateY(15px) translateZ(0);animation: staggerFadeUp 400ms cubic-bezier(0.16, 1, 0.3, 1) forwards;animation-delay: calc(var(--stagger-index, 0) * 60ms)}@keyframes staggerFadeUp{from{opacity: 0;transform: translateY(15px) translateZ(0)}to{opacity: 1;transform: translateY(0) translateZ(0)}}.stagger-item-scale{opacity: 0;transform: scale(0.9) translateZ(0);animation: staggerScaleIn 400ms cubic-bezier(0.34, 1.56, 0.64, 1) forwards;animation-delay: calc(var(--stagger-index, 0) * 60ms)}@keyframes staggerScaleIn{from{opacity: 0;transform: scale(0.9) translateZ(0)}to{opacity: 1;transform: scale(1) translateZ(0)}}.stagger-item-left{opacity: 0;transform: translateX(-20px) translateZ(0);animation: staggerSlideLeft 400ms cubic-bezier(0.16, 1, 0.3, 1) forwards;animation-delay: calc(var(--stagger-index, 0) * 60ms)}@keyframes staggerSlideLeft{from{opacity: 0;transform: translateX(-20px) translateZ(0)}to{opacity: 1;transform: translateX(0) translateZ(0)}}.reveal{opacity: 0;transform: translateY(20px) translateZ(0);transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1)}.reveal.revealed{opacity: 1;transform: translateY(0) translateZ(0)}.reveal-left{opacity: 0;transform: translateX(-20px) translateZ(0);transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1)}.reveal-left.revealed{opacity: 1;transform: translateX(0) translateZ(0)}.reveal-right{opacity: 0;transform: translateX(20px) translateZ(0);transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1)}.reveal-right.revealed{opacity: 1;transform: translateX(0) translateZ(0)}.reveal-scale{opacity: 0;transform: scale(0.9) translateZ(0);transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1)}.reveal-scale.revealed{opacity: 1;transform: scale(1) translateZ(0)}.reveal-down{opacity: 0;transform: translateY(-20px) translateZ(0);transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1)}.reveal-down.revealed{opacity: 1;transform: translateY(0) translateZ(0)}.reveal-fade{opacity: 0;transition: opacity 800ms cubic-bezier(0.16, 1, 0.3, 1)}.reveal-fade.revealed{opacity: 1}.reveal[data-reveal-delay], .reveal-left[data-reveal-delay], .reveal-right[data-reveal-delay], .reveal-down[data-reveal-delay], .reveal-scale[data-reveal-delay], .reveal-fade[data-reveal-delay]{transition-delay: var(--reveal-delay, 0ms)}.reveal-stagger > *{opacity: 0;transform: translateY(20px) translateZ(0);transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1)}.reveal-stagger.revealed > *{opacity: 1;transform: translateY(0) translateZ(0)}.reveal-stagger.revealed > *:nth-child(1){transition-delay: 0ms}.reveal-stagger.revealed > *:nth-child(2){transition-delay: 80ms}.reveal-stagger.revealed > *:nth-child(3){transition-delay: 160ms}.reveal-stagger.revealed > *:nth-child(4){transition-delay: 240ms}.reveal-stagger.revealed > *:nth-child(5){transition-delay: 320ms}.reveal-stagger.revealed > *:nth-child(6){transition-delay: 400ms}.reveal-stagger.revealed > *:nth-child(7){transition-delay: 480ms}.reveal-stagger.revealed > *:nth-child(8){transition-delay: 560ms}.reveal-stagger.revealed > *:nth-child(n+9){transition-delay: 640ms}.parallax-bg{transform: translateZ(0);backface-visibility: hidden}.parallax-layer{transform: translate3d(0, var(--parallax-offset, 0), 0);backface-visibility: hidden}.dropdown-enter{opacity: 0;transform: scale(0.95) translateY(-8px) translateZ(0);transform-origin: top center}.dropdown-enter-active{opacity: 1;transform: scale(1) translateY(0) translateZ(0);transition: opacity 200ms cubic-bezier(0.16, 1, 0.3, 1), transform 200ms cubic-bezier(0.16, 1, 0.3, 1)}.dropdown-leave{opacity: 1;transform: scale(1) translateY(0) translateZ(0)}.dropdown-leave-active{opacity: 0;transform: scale(0.97) translateY(-4px) translateZ(0);transition: opacity 150ms cubic-bezier(0.4, 0, 1, 1), transform 150ms cubic-bezier(0.4, 0, 1, 1)}.tooltip-enter{opacity: 0;transform: scale(0.9) translateZ(0)}.tooltip-enter-active{opacity: 1;transform: scale(1) translateZ(0);transition: opacity 150ms cubic-bezier(0.16, 1, 0.3, 1), transform 150ms cubic-bezier(0.16, 1, 0.3, 1)}.tooltip-leave-active{opacity: 0;transform: scale(0.95) translateZ(0);transition: opacity 100ms cubic-bezier(0.4, 0, 1, 1), transform 100ms cubic-bezier(0.4, 0, 1, 1)}.drawer-left{transform: translateX(-100%) translateZ(0);transition: transform 350ms cubic-bezier(0.16, 1, 0.3, 1)}.drawer-left.open{transform: translateX(0) translateZ(0)}.drawer-right{transform: translateX(100%) translateZ(0);transition: transform 350ms cubic-bezier(0.16, 1, 0.3, 1)}.drawer-right.open{transform: translateX(0) translateZ(0)}.pulse{animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite}@keyframes pulse{0%, 100%{opacity: 1}50%{opacity: 0.5}}.ping{position: relative}.ping::after{content: '';position: absolute;inset: 0;border-radius: inherit;background: inherit;animation: ping 1.5s cubic-bezier(0, 0, 0.2, 1) infinite}@keyframes ping{75%, 100%{transform: scale(2) translateZ(0);opacity: 0}}.bounce-subtle{animation: bounceSubtle 2s ease-in-out infinite}@keyframes bounceSubtle{0%, 100%{transform: translateY(0) translateZ(0)}50%{transform: translateY(-6px) translateZ(0)}}.number-roll{display: inline-block;overflow: hidden;vertical-align: bottom}.number-roll-digit{display: inline-block;transform: translateY(var(--digit-offset, 0)) translateZ(0);transition: transform 800ms cubic-bezier(0.16, 1, 0.3, 1)}.image-reveal{overflow: hidden}.image-reveal img{transform: scale(1.1) translateZ(0);opacity: 0;transition: transform 700ms cubic-bezier(0.16, 1, 0.3, 1), opacity 500ms cubic-bezier(0.16, 1, 0.3, 1)}.image-reveal.revealed img{transform: scale(1) translateZ(0);opacity: 1}.tab-content-enter{opacity: 0;transform: translateY(8px) translateZ(0)}.tab-content-enter-active{opacity: 1;transform: translateY(0) translateZ(0);transition: opacity 250ms cubic-bezier(0.16, 1, 0.3, 1), transform 250ms cubic-bezier(0.16, 1, 0.3, 1)}.tab-content-leave-active{opacity: 0;transform: translateY(-8px) translateZ(0);transition: opacity 150ms cubic-bezier(0.4, 0, 1, 1), transform 150ms cubic-bezier(0.4, 0, 1, 1)}.collapse-content{display: grid;grid-template-rows: 0fr;opacity: 0;transition: grid-template-rows 350ms cubic-bezier(0.16, 1, 0.3, 1), opacity 250ms cubic-bezier(0.16, 1, 0.3, 1)}.collapse-content.expanded{grid-template-rows: 1fr;opacity: 1}.collapse-content > *{overflow: hidden}@media (prefers-reduced-motion: reduce){*, *::before, *::after{animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;animation-delay: 0ms !important;transition-duration: 0.01ms !important;transition-delay: 0ms !important;scroll-behavior: auto !important}.reveal, .reveal-left, .reveal-right, .reveal-down, .reveal-scale, .reveal-fade, .reveal-stagger > *, .stagger-item, .stagger-item-scale, .stagger-item-left{opacity: 1 !important;transform: none !important}.parallax-bg, .parallax-layer{will-change: auto !important;transform: none !important}}html[data-page-inactive] *, html[data-page-inactive] *::before, html[data-page-inactive] *::after{animation-play-state: paused !important}.skip-link{position: absolute;top: -40px;left: 8px;z-index: 10000;padding: 8px 16px;background: #111;color: #fff;text-decoration: none;font-weight: 600;border-radius: 4px;transition: top 0.15s ease}.skip-link:focus, .skip-link:focus-visible{top: 8px;outline: 3px solid #fff;outline-offset: 2px}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-sm);padding: 0.625rem 1.25rem;font-family: var(--font-body);font-size: var(--text-sm);font-weight: var(--font-medium);line-height: 1.5;border: 1px solid transparent;border-radius: var(--radius-md);cursor: pointer;white-space: nowrap;text-decoration: none;user-select: none;transform: translateY(0) translateZ(0);transition: transform var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), opacity var(--transition-fast)}.btn:hover{transform: translateY(-1px) translateZ(0)}.btn:active{transform: scale(0.97) translateZ(0)}.btn:focus-visible{outline: var(--focus-ring-width) solid var(--focus-ring-color);outline-offset: var(--focus-ring-offset)}.btn:disabled, .btn.disabled{opacity: 0.5;cursor: not-allowed;pointer-events: none;transform: none}.btn-primary{background-color: var(--color-primary);color: #fff;border-color: var(--color-primary);box-shadow: 0 1px 3px rgba(var(--color-primary-rgb), 0.3)}.btn-primary:hover{color: #fff;background-color: var(--color-primary-dark);border-color: var(--color-primary-dark);box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.35)}.btn-secondary{background-color: var(--color-secondary);color: var(--color-text-on-secondary, var(--color-text-inverse));border-color: var(--color-secondary)}.btn-secondary:hover{background-color: var(--color-secondary-dark);border-color: var(--color-secondary-dark);box-shadow: 0 4px 12px rgba(var(--color-secondary-rgb), 0.35)}.btn-outline{background-color: var(--color-secondary);color: var(--color-text-on-secondary, var(--color-text-inverse));border-color: var(--color-primary)}.btn-outline:hover{background-color: var(--color-primary);color: var(--color-text-on-secondary, var(--color-text-inverse));box-shadow: 0 4px 12px rgba(var(--color-primary-rgb), 0.25)}.btn-ghost{background-color: transparent;color: var(--color-text);border-color: transparent}.btn-ghost:hover{background-color: var(--color-surface-hover)}.btn-danger{background-color: var(--color-error);color: var(--color-text-inverse);border-color: var(--color-error);box-shadow: 0 1px 3px rgba(var(--color-error-rgb, 239, 68, 68), 0.3)}.btn-danger:hover{background-color: var(--color-error-dark);border-color: var(--color-error-dark);box-shadow: 0 4px 12px rgba(var(--color-error-rgb, 239, 68, 68), 0.35)}.btn-success{background-color: var(--color-success);color: var(--color-text-inverse);border-color: var(--color-success)}.btn-success:hover{background-color: var(--color-success-dark);border-color: var(--color-success-dark)}.btn-light{background-color: var(--color-bg-alt);color: var(--color-text);border-color: var(--color-border)}.btn-light:hover{background-color: var(--color-surface-hover);border-color: var(--color-border-strong)}.btn-xs{padding: 0.25rem 0.625rem;font-size: var(--text-xs);border-radius: var(--radius-sm);gap: var(--space-xs)}.btn-sm{padding: 0.375rem 0.875rem;font-size: var(--text-sm);gap: var(--space-xs)}.btn-lg{padding: 0.75rem 1.75rem;font-size: var(--text-lg);gap: var(--space-sm);border-radius: var(--radius-lg)}.btn-xl{padding: 1rem 2.25rem;font-size: var(--text-xl);gap: var(--space-md);border-radius: var(--radius-lg)}.btn-icon{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;padding: 0;border-radius: var(--radius-md)}.btn-icon.btn-sm{width: 32px;height: 32px}.btn-icon.btn-lg{width: 48px;height: 48px}.btn-icon.btn-xs{width: 28px;height: 28px}.btn-loading{position: relative;color: transparent !important;pointer-events: none}.btn-loading::after{content: '';position: absolute;top: 50%;left: 50%;width: 18px;height: 18px;margin-top: -9px;margin-left: -9px;border: 2px solid rgba(255, 255, 255, 0.3);border-top-color: #fff;border-radius: var(--radius-full);animation: spinner-rotate 0.7s linear infinite}.btn-loading.btn-outline::after, .btn-loading.btn-ghost::after, .btn-loading.btn-light::after{border-color: rgba(var(--color-primary-rgb), 0.3);border-top-color: var(--color-primary)}.btn-group{display: inline-flex}.btn-group .btn{border-radius: 0}.btn-group .btn:first-child{border-radius: var(--radius-md) 0 0 var(--radius-md)}.btn-group .btn:last-child{border-radius: 0 var(--radius-md) var(--radius-md) 0}.btn-group .btn + .btn{margin-left: -1px}.btn-block{display: flex;width: 100%}.form-group{margin-bottom: var(--space-lg)}.form-label{display: block;font-size: var(--text-sm);font-weight: var(--font-medium);margin-bottom: var(--space-xs);color: var(--color-text);line-height: var(--leading-normal)}.form-label--required::after{content: ' *';color: var(--color-error)}.form-input{display: block;width: 100%;padding: 0.625rem 0.875rem;font-size: var(--text-base);font-family: var(--font-body);line-height: var(--leading-normal);color: var(--color-text);background-color: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);transition: border-color var(--transition-fast), box-shadow var(--transition-fast), background-color var(--transition-fast);appearance: none}.form-input::placeholder{color: var(--color-text-faint)}.form-input:hover{border-color: var(--color-border-strong)}.form-input:focus{border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.15);outline: none}.form-input:disabled{background-color: var(--color-bg-alt);color: var(--color-text-faint);cursor: not-allowed;opacity: 0.6}.form-input.error, .form-input[aria-invalid="true"]{border-color: var(--color-error);background-color: rgba(var(--color-error-rgb, 239, 68, 68), 0.06)}.form-input.error:focus, .form-input[aria-invalid="true"]:focus{border-color: var(--color-error);box-shadow: 0 0 0 3px rgba(var(--color-error-rgb, 239, 68, 68), 0.20)}.form-input--sm{padding: 0.375rem 0.625rem;font-size: var(--text-sm)}.form-input--lg{padding: 0.75rem 1rem;font-size: var(--text-lg)}.form-textarea{display: block;width: 100%;min-height: 120px;padding: 0.625rem 0.875rem;font-size: var(--text-base);font-family: var(--font-body);line-height: var(--leading-relaxed);color: var(--color-text);background-color: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);resize: vertical;transition: border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-textarea::placeholder{color: var(--color-text-faint)}.form-textarea:focus{border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.15);outline: none}.form-select{display: block;width: 100%;padding: 0.625rem 2.5rem 0.625rem 0.875rem;font-size: var(--text-base);font-family: var(--font-body);line-height: var(--leading-normal);color: var(--color-text);background-color: var(--color-surface);background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8.825a.5.5 0 0 1-.354-.146l-3.5-3.5a.5.5 0 1 1 .708-.708L6 7.618l3.146-3.147a.5.5 0 1 1 .708.708l-3.5 3.5A.5.5 0 0 1 6 8.825z'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 0.875rem center;background-size: 12px;border: 1px solid var(--color-border);border-radius: var(--radius-md);cursor: pointer;appearance: none;transition: border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-select:focus{border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.15);outline: none}.form-checkbox{display: flex;align-items: center;gap: var(--space-sm);cursor: pointer;user-select: none}.form-checkbox input[type="checkbox"]{appearance: none;width: 20px;height: 20px;flex-shrink: 0;border: 2px solid var(--color-primary);border-radius: var(--radius-sm);background-color: var(--color-surface);cursor: pointer;position: relative;transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-checkbox input[type="checkbox"]:checked{background-color: var(--color-primary);border-color: var(--color-primary)}.form-checkbox input[type="checkbox"]:checked::after{content: '';position: absolute;top: 2px;left: 6px;width: 5px;height: 10px;border: 2px solid var(--color-text-inverse);border-top: none;border-left: none;transform: rotate(45deg) translateZ(0)}.form-checkbox input[type="checkbox"]:focus-visible{box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.3)}.form-checkbox span{font-size: var(--text-sm);color: var(--color-text)}.form-radio{display: flex;align-items: center;gap: var(--space-sm);cursor: pointer;user-select: none}.form-radio input[type="radio"]{appearance: none;width: 20px;height: 20px;flex-shrink: 0;border: 2px solid var(--color-border-strong);border-radius: var(--radius-full);background-color: var(--color-surface);cursor: pointer;position: relative;transition: background-color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-radio input[type="radio"]:checked{border-color: var(--color-primary)}.form-radio input[type="radio"]:checked::after{content: '';position: absolute;top: 50%;left: 50%;width: 10px;height: 10px;background-color: var(--color-primary);border-radius: var(--radius-full);transform: translate(-50%, -50%) translateZ(0)}.form-radio input[type="radio"]:focus-visible{box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb), 0.3)}.form-radio span{font-size: var(--text-sm);color: var(--color-text)}.form-toggle{display: flex;align-items: center;gap: var(--space-sm);cursor: pointer;user-select: none}.form-toggle input[type="checkbox"]{appearance: none;width: 44px;height: 24px;flex-shrink: 0;background-color: var(--color-border-strong);border-radius: var(--radius-full);cursor: pointer;position: relative;transition: background-color var(--transition-fast)}.form-toggle input[type="checkbox"]::after{content: '';position: absolute;top: 2px;left: 2px;width: 20px;height: 20px;background-color: var(--color-text-inverse);border-radius: var(--radius-full);box-shadow: var(--shadow-sm);transform: translateX(0) translateZ(0);transition: transform var(--transition-fast)}.form-toggle input[type="checkbox"]:checked{background-color: var(--color-primary)}.form-toggle input[type="checkbox"]:checked::after{transform: translateX(20px) translateZ(0)}.form-input.is-error, .form-textarea.is-error, .form-select.is-error{border-color: var(--color-error)}.form-input.is-error:focus, .form-textarea.is-error:focus, .form-select.is-error:focus{box-shadow: 0 0 0 3px rgba(var(--color-error-rgb, 239, 68, 68), 0.15)}.form-error{display: block;font-size: var(--text-sm);color: var(--color-error);margin-top: var(--space-xs)}.df-error{font-size: var(--text-sm);color: var(--color-error);min-height: 1em}.durin-form .df-group input.is-error, .durin-form .df-group select.is-error, .durin-form .df-group textarea.is-error{border-color: var(--color-error)}.durin-form .df-group .is-error:focus{border-color: var(--color-error);box-shadow: 0 0 0 3px rgba(var(--color-error-rgb, 239, 68, 68), 0.15)}.form-input.is-success{border-color: var(--color-success)}.form-input.is-success:focus{box-shadow: 0 0 0 3px rgba(var(--color-success-rgb, 16, 185, 129), 0.15)}.form-hint{display: block;font-size: var(--text-sm);color: var(--color-text-muted);margin-top: var(--space-xs)}.input-group{display: flex;align-items: stretch}.input-group .form-input{border-radius: var(--radius-md) 0 0 var(--radius-md);flex: 1}.input-group .btn, .input-group .input-group-addon{border-radius: 0 var(--radius-md) var(--radius-md) 0;margin-left: -1px;flex-shrink: 0}.input-group-addon{display: inline-flex;align-items: center;padding: 0 0.875rem;background-color: var(--color-bg-alt);border: 1px solid var(--color-border);color: var(--color-text-muted);font-size: var(--text-sm)}.input-icon-wrapper{position: relative}.input-icon-wrapper .form-input{padding-left: 2.5rem}.input-icon-wrapper .input-icon{position: absolute;left: 0.875rem;top: 50%;transform: translateY(-50%);color: var(--color-text-faint);pointer-events: none;width: 18px;height: 18px}.input-icon-wrapper--right .form-input{padding-left: 0.875rem;padding-right: 2.5rem}.input-icon-wrapper--right .input-icon{left: auto;right: 0.875rem}.form-floating{position: relative}.form-floating .form-input{padding-top: 1.5rem;padding-bottom: 0.375rem}.form-floating .form-label{position: absolute;top: 50%;left: 0.875rem;transform: translateY(-50%);pointer-events: none;color: var(--color-text-faint);font-weight: var(--font-normal);margin-bottom: 0;transition: transform var(--transition-fast), font-size var(--transition-fast), color var(--transition-fast);transform-origin: left center}.form-floating .form-input:focus ~ .form-label, .form-floating .form-input:not(:placeholder-shown) ~ .form-label{transform: translateY(-140%) scale(0.85);color: var(--color-primary)}.modal-overlay{position: fixed;inset: 0;background-color: var(--backdrop-color);backdrop-filter: blur(var(--backdrop-blur));-webkit-backdrop-filter: blur(var(--backdrop-blur));display: flex;align-items: center;justify-content: center;z-index: var(--z-modal);padding: var(--space-md)}.modal-container{position: relative;width: 100%;max-width: 560px;max-height: 90vh;max-height: 90dvh;background-color: var(--color-surface);border-radius: var(--radius-xl);box-shadow: var(--shadow-2xl);display: flex;flex-direction: column;overflow: hidden}.modal-container--sm{max-width: 400px}.modal-container--lg{max-width: 720px}.modal-container--xl{max-width: 960px}.modal-container--full{max-width: calc(100vw - 2rem);max-height: calc(100vh - 2rem)}.modal-header{display: flex;align-items: center;justify-content: space-between;padding: var(--space-lg) var(--space-lg) var(--space-md);flex-shrink: 0}.modal-title{font-size: var(--text-xl);font-weight: var(--font-semibold);color: var(--color-text);margin: 0;line-height: var(--leading-tight)}.modal-close{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: var(--radius-md);color: var(--color-text-muted);cursor: pointer;flex-shrink: 0;transition: background-color var(--transition-fast), color var(--transition-fast)}.modal-close:hover{background-color: var(--color-surface-hover);color: var(--color-text)}.modal-body{padding: var(--space-md) var(--space-lg);overflow-y: auto;flex: 1}.modal-footer{display: flex;align-items: center;justify-content: flex-end;gap: var(--space-sm);padding: var(--space-md) var(--space-lg) var(--space-lg);flex-shrink: 0}.modal-footer--between{justify-content: space-between}@media (max-width: 640px){.modal-container{max-width: 100%;max-height: 100%;border-radius: 0;height: 100%}}.modal-backdrop{position: fixed;inset: 0;background-color: var(--backdrop-color, rgba(0, 0, 0, 0.5));backdrop-filter: blur(var(--backdrop-blur, 4px));-webkit-backdrop-filter: blur(var(--backdrop-blur, 4px));display: flex;align-items: center;justify-content: center;z-index: var(--z-modal, 9998);padding: var(--space-md);opacity: 0;transition: opacity 0.25s ease}.modal-backdrop[data-open]{opacity: 1}.modal-backdrop > .modal{position: relative;width: 100%;max-width: 560px;max-height: 90vh;max-height: 90dvh;background-color: var(--color-surface);border-radius: var(--radius-xl);box-shadow: var(--shadow-2xl);display: flex;flex-direction: column;overflow: hidden;transform: scale(0.9) translateY(10px);opacity: 0;transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.25s ease}.modal-backdrop[data-open] > .modal{transform: scale(1) translateY(0);opacity: 1}@media (max-width: 640px){.modal-backdrop > .modal{max-width: 100%;max-height: 100%;border-radius: 0;height: 100%}}.toast-container{position: fixed;top: var(--space-lg);right: var(--space-lg);display: flex;flex-direction: column;gap: var(--space-sm);z-index: var(--z-toast);max-width: 420px;width: calc(100% - 2 * var(--space-lg));pointer-events: none}.toast-container--bottom-right{top: auto;bottom: var(--space-lg)}.toast-container--top-center{right: 50%;transform: translateX(50%)}.toast{display: flex;align-items: flex-start;gap: var(--space-sm);padding: var(--space-md);background-color: var(--color-surface-raised);border-radius: var(--radius-lg);box-shadow: var(--shadow-xl);border-left: 4px solid var(--color-border);pointer-events: all;position: relative;overflow: hidden}.toast-success{border-left-color: var(--color-success)}.toast-error{border-left-color: var(--color-error)}.toast-warning{border-left-color: var(--color-warning)}.toast-info{border-left-color: var(--color-info)}.toast-icon{flex-shrink: 0;width: 20px;height: 20px;margin-top: 1px}.toast-success .toast-icon{color: var(--color-success)}.toast-error .toast-icon{color: var(--color-error)}.toast-warning .toast-icon{color: var(--color-warning)}.toast-info .toast-icon{color: var(--color-info)}.toast-content{flex: 1;min-width: 0}.toast-title{font-size: var(--text-sm);font-weight: var(--font-semibold);color: var(--color-text);margin-bottom: 2px}.toast-message{font-size: var(--text-sm);color: var(--color-text-muted);line-height: var(--leading-snug)}.toast-close{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;width: 24px;height: 24px;border-radius: var(--radius-sm);color: var(--color-text-faint);cursor: pointer;transition: background-color var(--transition-fast), color var(--transition-fast)}.toast-close:hover{background-color: var(--color-surface-hover);color: var(--color-text)}.toast-progress{position: absolute;bottom: 0;left: 0;height: 3px;background-color: var(--color-primary);border-radius: 0 0 0 var(--radius-lg);transition: width linear}@media (max-width: 640px){.toast-container{top: var(--space-sm);right: var(--space-sm);left: var(--space-sm);width: auto;max-width: none}}.card{background-color: var(--color-surface);border-radius: var(--radius-lg);box-shadow: var(--shadow-card);overflow: hidden;border: 1px solid var(--color-border-light);transition: box-shadow var(--transition-base), border-color var(--transition-base)}.card--interactive{cursor: pointer}.card--interactive:hover{box-shadow: var(--shadow-lg);border-color: var(--color-border)}.card--flat{box-shadow: none;border: 1px solid var(--color-border)}.card--glass{background: rgba(var(--color-surface-rgb), 0.6);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);border: 1px solid rgba(var(--color-surface-rgb), 0.3)}.card-image{width: 100%;aspect-ratio: 16 / 10;object-fit: cover}.card-image--portrait{aspect-ratio: 3 / 4}.card-image--square{aspect-ratio: 1 / 1}.card-body{padding: var(--space-lg)}.card-body--compact{padding: var(--space-md)}.card-title{font-size: var(--text-lg);font-weight: var(--font-semibold);color: var(--color-text);margin-bottom: var(--space-xs);line-height: var(--leading-tight)}.card-text{font-size: var(--text-sm);color: var(--color-text-muted);line-height: var(--leading-relaxed);margin-bottom: var(--space-sm)}.card-text:last-child{margin-bottom: 0}.card-meta{display: flex;align-items: center;gap: var(--space-sm);font-size: var(--text-xs);color: var(--color-text-faint);margin-top: var(--space-sm)}.card-footer{padding: var(--space-md) var(--space-lg);border-top: 1px solid var(--color-border-light);display: flex;align-items: center;justify-content: space-between}.card-footer--compact{padding: var(--space-sm) var(--space-md)}.card-badge{position: absolute;top: var(--space-sm);right: var(--space-sm);padding: 0.25rem 0.625rem;font-size: var(--text-xs);font-weight: var(--font-semibold);color: var(--color-text-inverse);background-color: var(--color-primary);border-radius: var(--radius-full);z-index: var(--z-base)}.card-badge--sale{background-color: var(--color-error)}.card-badge--new{background-color: var(--color-success)}.card--has-badge{position: relative}.card-actions-overlay{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;gap: var(--space-sm);background: rgba(0, 0, 0, 0.4);opacity: 0;transition: opacity var(--transition-base)}.card--interactive:hover .card-actions-overlay{opacity: 1}.datatable-wrapper{width: 100%;overflow-x: auto;border: 1px solid var(--color-border);border-radius: var(--radius-lg);background-color: var(--color-surface)}.datatable{width: 100%;border-collapse: collapse;font-size: var(--text-sm)}.datatable thead{position: sticky;top: 0;z-index: var(--z-base)}.datatable th{padding: 0.75rem 1rem;text-align: left;font-weight: var(--font-semibold);font-size: var(--text-xs);text-transform: uppercase;letter-spacing: var(--tracking-wider);color: var(--color-text-muted);background-color: var(--color-bg-alt);border-bottom: 1px solid var(--color-border);white-space: nowrap;user-select: none}.datatable th.sortable{cursor: pointer;transition: color var(--transition-fast)}.datatable th.sortable:hover{color: var(--color-text)}.datatable th.sorted-asc::after, .datatable th.sorted-desc::after{content: '';display: inline-block;width: 0;height: 0;margin-left: 0.5rem;vertical-align: middle;border-left: 4px solid transparent;border-right: 4px solid transparent}.datatable th.sorted-asc::after{border-bottom: 5px solid currentColor}.datatable th.sorted-desc::after{border-top: 5px solid currentColor}.datatable td{padding: 0.75rem 1rem;border-bottom: 1px solid var(--color-border-light);color: var(--color-text);vertical-align: middle}.datatable tbody tr{transition: background-color var(--transition-fast)}.datatable tbody tr:hover{background-color: var(--color-surface-hover)}.datatable tbody tr:last-child td{border-bottom: none}.datatable tbody tr.selected{background-color: var(--color-primary-50)}.datatable-empty{text-align: center;padding: var(--space-2xl) var(--space-md);color: var(--color-text-muted)}.datatable-actions{display: flex;align-items: center;gap: var(--space-xs)}.datatable-header{display: flex;align-items: center;justify-content: space-between;gap: var(--space-md);padding: var(--space-md);border-bottom: 1px solid var(--color-border-light);flex-wrap: wrap}.datatable-search{position: relative;max-width: 320px;flex: 1}.datatable-search .form-input{padding-left: 2.5rem;font-size: var(--text-sm)}.datatable-search .input-icon{position: absolute;left: 0.75rem;top: 50%;transform: translateY(-50%);color: var(--color-text-faint);pointer-events: none}.datatable-footer{display: flex;align-items: center;justify-content: space-between;padding: var(--space-md);border-top: 1px solid var(--color-border-light);flex-wrap: wrap;gap: var(--space-sm)}.datatable-info{font-size: var(--text-sm);color: var(--color-text-muted)}.datatable-pagination{display: flex;align-items: center;gap: var(--space-xs)}.datatable-pagination .btn{min-width: 36px;height: 36px;padding: 0;font-size: var(--text-sm)}.badge{display: inline-flex;align-items: center;gap: 4px;padding: 0.125rem 0.625rem;font-size: var(--text-xs);font-weight: var(--font-medium);line-height: var(--leading-normal);border-radius: var(--radius-full);white-space: nowrap;background-color: var(--color-bg-alt);color: var(--color-text-muted);border: 1px solid var(--color-border)}.badge-primary{background-color: var(--color-primary-100);color: var(--color-primary-dark);border-color: var(--color-primary-200)}.badge-success{background-color: var(--color-success-light);color: var(--color-success-dark);border-color: transparent}.badge-warning{background-color: var(--color-warning-light);color: var(--color-warning-dark);border-color: transparent}.badge-error{background-color: var(--color-error-light);color: var(--color-error-dark);border-color: transparent}.badge-info{background-color: var(--color-info-light);color: var(--color-info-dark);border-color: transparent}.badge--solid-primary{background-color: var(--color-primary);color: var(--color-text-inverse);border-color: transparent}.badge--dot{padding-left: 0.5rem}.badge--dot::before{content: '';width: 6px;height: 6px;border-radius: var(--radius-full);background-color: currentColor;flex-shrink: 0}.badge--lg{padding: 0.25rem 0.75rem;font-size: var(--text-sm)}.tag{display: inline-flex;align-items: center;gap: 4px;padding: 0.25rem 0.5rem;font-size: var(--text-xs);font-weight: var(--font-medium);border-radius: var(--radius-md);background-color: var(--color-bg-alt);color: var(--color-text);border: 1px solid var(--color-border);-webkit-user-select: none;user-select: none}.tag-close{display: inline-flex;align-items: center;justify-content: center;width: 16px;height: 16px;border-radius: var(--radius-sm);cursor: pointer;color: var(--color-text-faint);transition: color var(--transition-fast), background-color var(--transition-fast)}.tag-close:hover{color: var(--color-error);background-color: var(--color-error-light)}.calendar{width: 100%;user-select: none}.calendar-header{display: flex;align-items: center;justify-content: space-between;padding: var(--space-sm) 0;margin-bottom: var(--space-sm)}.calendar-title{font-size: var(--text-lg);font-weight: var(--font-semibold);color: var(--color-text)}.calendar-nav{display: flex;align-items: center;gap: var(--space-xs)}.calendar-nav .btn{width: 36px;height: 36px;padding: 0}.calendar-weekdays{display: grid;grid-template-columns: repeat(7, 1fr);gap: 0;margin-bottom: var(--space-xs)}.calendar-weekday{text-align: center;font-size: var(--text-xs);font-weight: var(--font-semibold);color: var(--color-text-muted);text-transform: uppercase;letter-spacing: var(--tracking-wider);padding: var(--space-sm) 0}.calendar-grid{display: grid;grid-template-columns: repeat(7, 1fr);gap: 2px}.calendar-day{position: relative;aspect-ratio: 1 / 1;display: flex;flex-direction: column;align-items: center;justify-content: center;border-radius: var(--radius-md);cursor: pointer;font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--color-text);transition: background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast)}.calendar-day:hover{background-color: var(--color-surface-hover)}.calendar-day--other-month{color: var(--color-text-faint)}.calendar-day--today{box-shadow: inset 0 0 0 2px var(--color-primary);font-weight: var(--font-bold)}.calendar-day--selected{background-color: var(--color-primary);color: var(--color-text-inverse);font-weight: var(--font-bold)}.calendar-day--selected:hover{background-color: var(--color-primary-dark)}.calendar-day--range{background-color: var(--color-primary-50);border-radius: 0}.calendar-day--range-start{border-radius: var(--radius-md) 0 0 var(--radius-md);background-color: var(--color-primary);color: var(--color-text-inverse)}.calendar-day--range-end{border-radius: 0 var(--radius-md) var(--radius-md) 0;background-color: var(--color-primary);color: var(--color-text-inverse)}.calendar-day--unavailable{color: var(--color-text-faint);cursor: not-allowed;text-decoration: line-through;opacity: 0.5}.calendar-day--unavailable:hover{background-color: transparent}.calendar-day--price{font-size: var(--text-xs);color: var(--color-text-muted);line-height: 1;margin-top: 1px}.calendar-day--has-events::after{content: '';width: 4px;height: 4px;border-radius: var(--radius-full);background-color: var(--color-primary);position: absolute;bottom: 4px}.calendar-legend{display: flex;align-items: center;gap: var(--space-md);margin-top: var(--space-md);font-size: var(--text-xs);color: var(--color-text-muted)}.calendar-legend-item{display: flex;align-items: center;gap: var(--space-xs)}.calendar-legend-swatch{width: 12px;height: 12px;border-radius: var(--radius-sm)}.datepicker{position: relative;display: inline-block;width: 100%}.datetime-picker{display: flex;gap: var(--space-sm, 0.5rem);align-items: flex-start}.datetime-picker > .datepicker, .datetime-picker > .timepicker{flex: 1 1 0;min-width: 0}@media (max-width: 480px){.datetime-picker{flex-direction: column}.datetime-picker > .datepicker, .datetime-picker > .timepicker{width: 100%}}.datepicker-display{cursor: pointer;padding-right: 2.5rem !important;text-overflow: ellipsis}.datepicker-display:focus{border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.15);outline: none}.datepicker-icon{position: absolute;right: 0.75rem;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;color: var(--color-text-muted);pointer-events: none;z-index: 1}.datepicker-popup{position: fixed;z-index: 10000;width: 280px;background: var(--color-surface, #ffffff);border: 1px solid var(--color-border, #d1d5db);border-radius: var(--radius-lg, 12px);box-shadow: var(--shadow-lg, 0 10px 25px rgba(0,0,0,0.1));padding: var(--space-sm, 0.75rem);opacity: 0;transform: translateY(-4px);transition: opacity 0.15s ease, transform 0.15s ease;pointer-events: none}.datepicker-popup.is-open{opacity: 1;transform: translateY(0);pointer-events: auto}.datepicker-popup--above{transform: translateY(4px)}.datepicker-popup--above.is-open{transform: translateY(0)}.datepicker-popup .calendar-nav-btn{width: 32px;height: 32px;padding: 0;display: flex;align-items: center;justify-content: center;border: 1px solid var(--color-border, #d1d5db);background: var(--color-surface, #ffffff);border-radius: var(--radius-md, 8px);cursor: pointer;color: var(--color-text, #374151);transition: background-color var(--transition-fast, 0.15s ease), border-color var(--transition-fast, 0.15s ease)}.datepicker-popup .calendar-nav-btn:hover{background-color: var(--color-surface-hover, #f3f4f6);border-color: var(--color-border-strong, #9ca3af)}.datepicker-popup .calendar-day{aspect-ratio: auto;min-height: 2.25rem;font-size: var(--text-sm, 0.875rem)}.datepicker-popup .calendar-day--focused{box-shadow: inset 0 0 0 2px var(--color-primary, #2563eb)}.timepicker{position: relative;display: inline-block;width: 100%}.timepicker-display{cursor: pointer;padding-right: 2.5rem !important}.timepicker-display:focus{border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb, 37, 99, 235), 0.15);outline: none}.timepicker-icon{position: absolute;right: 0.75rem;top: 50%;transform: translateY(-50%);display: flex;align-items: center;justify-content: center;color: var(--color-text-muted);pointer-events: none;z-index: 1}.timepicker-popup{position: absolute;z-index: var(--z-dropdown, 1000);top: calc(100% + 4px);left: 0;width: 240px;background: var(--color-surface, #ffffff);border: 1px solid var(--color-border, #d1d5db);border-radius: var(--radius-lg, 12px);box-shadow: var(--shadow-lg, 0 10px 25px rgba(0,0,0,0.1));padding: var(--space-sm, 0.75rem);opacity: 0;transform: translateY(-4px);transition: opacity 0.15s ease, transform 0.15s ease;pointer-events: none}.timepicker-popup.is-open{opacity: 1;transform: translateY(0);pointer-events: auto}.timepicker-popup--above{top: auto;bottom: calc(100% + 4px)}.timepicker-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 2px;max-height: 240px;overflow-y: auto;scrollbar-width: thin}.timepicker-grid::-webkit-scrollbar{width: 4px}.timepicker-grid::-webkit-scrollbar-thumb{background: var(--color-border, #d1d5db);border-radius: 2px}.timepicker-slot{padding: 0.5rem 0.25rem;text-align: center;border-radius: var(--radius-sm, 4px);cursor: pointer;font-size: var(--text-sm, 0.875rem);font-weight: var(--font-medium, 500);color: var(--color-text, #111827);transition: background-color var(--transition-fast, 0.15s ease), color var(--transition-fast, 0.15s ease);white-space: nowrap}.timepicker-slot:hover{background-color: var(--color-surface-hover, #f3f4f6)}.timepicker-slot--selected{background-color: var(--color-primary, #2563eb);color: var(--color-text-inverse, #ffffff);font-weight: var(--font-semibold, 600)}.timepicker-slot--selected:hover{background-color: var(--color-primary-dark, #1d4ed8)}.timepicker-slot--unavailable{color: var(--color-text-faint, #d1d5db);cursor: not-allowed;opacity: 0.4}.timepicker-slot--unavailable:hover{background-color: transparent}.time-range{display: flex;align-items: center;gap: var(--space-sm, 0.75rem)}.time-range__separator{color: var(--color-text-muted, #6b7280);font-weight: var(--font-medium, 500);flex-shrink: 0}.time-range .timepicker{flex: 1;min-width: 0}.time-range__clear{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;padding: 0;border: 1px solid var(--color-border, #d1d5db);border-radius: var(--radius-sm, 4px);background: transparent;color: var(--color-text-muted, #6b7280);cursor: pointer;transition: color 0.15s, border-color 0.15s, background 0.15s}.time-range__clear:hover{color: var(--color-danger, #ef4444);border-color: var(--color-danger, #ef4444);background: rgba(239, 68, 68, 0.06)}@media (max-width: 480px){.time-range{flex-direction: column;gap: var(--space-xs, 0.5rem)}}@media (max-width: 640px){.flex.justify-between.items-center.mb-3{flex-direction: column;align-items: stretch;gap: var(--space-sm, 0.5rem)}.datepicker-popup{width: calc(100vw - 2rem);max-width: 320px;left: 50% !important;transform: translateX(-50%) translateY(-4px)}.datepicker-popup.is-open{transform: translateX(-50%) translateY(0)}.datepicker-popup--above{transform: translateX(-50%) translateY(4px)}.datepicker-popup--above.is-open{transform: translateX(-50%) translateY(0)}.timepicker-popup{width: calc(100vw - 2rem);max-width: 320px;left: 50% !important;transform: translateX(-50%) translateY(-4px)}.timepicker-popup.is-open{transform: translateX(-50%) translateY(0)}}.gallery-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: var(--space-sm)}.gallery-item{position: relative;border-radius: var(--radius-md);overflow: hidden;cursor: pointer;aspect-ratio: 1 / 1;background: var(--color-bg-alt, #f0f0f0)}.gallery-item::before{content: '';position: absolute;inset: 0;background: linear-gradient(90deg, var(--color-bg-alt, #f0f0f0) 25%, rgba(255,255,255,0.4) 50%, var(--color-bg-alt, #f0f0f0) 75%);background-size: 200% 100%;animation: skeleton-pulse 1.8s ease-in-out infinite;z-index: 0;transition: opacity 0.3s ease}.gallery-item.loaded::before{opacity: 0;pointer-events: none}.gallery-item img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-fast), opacity 0.4s ease;will-change: transform;backface-visibility: hidden;opacity: 0;position: relative;z-index: 1}.gallery-item img.loaded{opacity: 1}.gallery-item:hover img{transform: scale(1.05) translateZ(0)}.gallery-item-overlay{position: absolute;inset: 0;background: linear-gradient(transparent 60%, rgba(0, 0, 0, 0.5) 100%);opacity: 0;transition: opacity var(--transition-base);display: flex;align-items: flex-end;padding: var(--space-sm)}.gallery-item:hover .gallery-item-overlay{opacity: 1}.gallery-item-caption{position: absolute;bottom: 0;left: 0;right: 0;padding: 1.75rem 1rem 0.75rem;background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.65) 45%, transparent 100%);color: #fff;font-size: 0.8125rem;line-height: 1.4;text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6)}.contact-info__card{background: var(--color-bg-elevated);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-xl);transition: box-shadow var(--transition-base)}.contact-info__card:hover{box-shadow: var(--shadow-md)}[data-theme="dark"] .contact-info__card{background: var(--color-bg-elevated);border-color: var(--color-border)}.gallery-sections{display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: var(--space-lg)}.gallery-section-card{border-radius: var(--radius-lg);overflow: hidden;background: var(--color-surface);box-shadow: var(--shadow-sm, 0 2px 8px rgba(0,0,0,.08));transition: transform var(--transition-base), box-shadow var(--transition-base)}.gallery-section-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-lg, 0 8px 24px rgba(0,0,0,.12))}.gallery-section-link{text-decoration: none;color: inherit;display: block}.gallery-section-image{aspect-ratio: 16 / 10;overflow: hidden;background: var(--color-bg-alt, #f0f0f0);position: relative}.gallery-section-image:has(> img)::before{content: '';position: absolute;inset: 0;background: linear-gradient(90deg, var(--color-bg-alt, #f0f0f0) 25%, rgba(255,255,255,0.4) 50%, var(--color-bg-alt, #f0f0f0) 75%);background-size: 200% 100%;animation: skeleton-pulse 1.8s ease-in-out infinite;z-index: 0;transition: opacity 0.3s ease}.gallery-section-image.loaded::before{opacity: 0;pointer-events: none}.gallery-section-image img{width: 100%;height: 100%;object-fit: cover;transition: transform var(--transition-base), opacity 0.4s ease;opacity: 0;position: relative;z-index: 1}.gallery-section-image img.loaded{opacity: 1}.gallery-section-card:hover .gallery-section-image img{transform: scale(1.05)}.gallery-section-placeholder{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;color: var(--color-text-muted)}.gallery-section-body{padding: var(--space-md) var(--space-lg)}.gallery-section-name{font-size: var(--fs-lg);font-weight: var(--fw-semibold);margin: 0 0 var(--space-sm);word-wrap: break-word;overflow-wrap: break-word}.gallery-section-desc{font-size: var(--fs-sm);color: var(--color-text-muted);margin: 0 0 var(--space-sm);line-height: var(--lh-relaxed);word-wrap: break-word;overflow-wrap: break-word}.gallery-section-count{font-size: var(--fs-sm);color: var(--color-text-muted);font-weight: var(--fw-medium)}.lightbox{position: fixed;inset: 0;z-index: 9999;background: rgba(0,0,0,.92);display: flex;align-items: center;justify-content: center;flex-direction: column}.lightbox .lightbox-close{position: absolute;top: var(--space-md);right: var(--space-md);background: none;border: none;color: #fff;font-size: 2rem;cursor: pointer;z-index: 10;line-height: 1;padding: var(--space-xs)}.lightbox .lightbox-prev, .lightbox .lightbox-next{position: absolute;top: 50%;transform: translateY(-50%);background: none;border: none;color: #fff;font-size: 3rem;cursor: pointer;z-index: 10;padding: var(--space-sm);line-height: 1}.lightbox .lightbox-prev{left: var(--space-md)}.lightbox .lightbox-next{right: var(--space-md)}.lightbox .lightbox-content{max-width: 90vw;max-height: 80vh;display: flex;align-items: center;justify-content: center}.lightbox .lightbox-content img{max-width: 100%;max-height: 80vh;object-fit: contain;border-radius: var(--radius-sm)}.lightbox .lightbox-caption{position: static;left: auto;right: auto;bottom: auto;transform: none;max-width: 90%;color: #ccc;font-size: var(--fs-sm);margin-top: var(--space-sm);text-align: center}.lightbox-overlay{position: fixed;inset: 0;background-color: rgba(0, 0, 0, 0.92);z-index: calc(var(--z-modal) + 1);display: flex;align-items: center;justify-content: center;padding: var(--space-xl)}.lightbox-image-wrapper{position: relative;max-width: 90vw;max-height: 85vh;display: flex;align-items: center;justify-content: center}.lightbox-image{max-width: 100%;max-height: 85vh;object-fit: contain;border-radius: var(--radius-md);box-shadow: var(--shadow-2xl)}.lightbox-nav{position: absolute;top: 50%;transform: translateY(-50%);display: inline-flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: var(--radius-full);background: rgba(255, 255, 255, 0.1);color: white;cursor: pointer;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: background-color var(--transition-fast), transform var(--transition-fast)}.lightbox-nav:hover{background: rgba(255, 255, 255, 0.2)}.lightbox-nav--prev{left: var(--space-md)}.lightbox-nav--next{right: var(--space-md)}.lightbox-close{position: absolute;top: var(--space-md);right: var(--space-md);width: 44px;height: 44px;display: inline-flex;align-items: center;justify-content: center;border-radius: var(--radius-full);background: rgba(255, 255, 255, 0.1);color: white;cursor: pointer;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: background-color var(--transition-fast)}.lightbox-close:hover{background: rgba(255, 255, 255, 0.2)}.lightbox-caption{position: absolute;bottom: var(--space-lg);left: 50%;transform: translateX(-50%);color: white;font-size: var(--text-sm);text-align: center;max-width: 80%;padding: var(--space-sm) var(--space-md);background: rgba(0, 0, 0, 0.5);border-radius: var(--radius-md);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)}.lightbox-counter{position: absolute;top: var(--space-md);left: var(--space-md);color: rgba(255, 255, 255, 0.7);font-size: var(--text-sm);font-weight: var(--font-medium)}.lightbox-zoom-slider{position: absolute;top: var(--space-md);right: calc(var(--space-md) + 52px);display: flex;align-items: center;gap: 4px;padding: 4px 6px;border-radius: var(--radius-full);background: rgba(255, 255, 255, 0.1);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);z-index: 10;user-select: none}.lightbox-zoom-slider__btn{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border: none;border-radius: 50%;background: transparent;color: white;cursor: pointer;transition: background var(--transition-fast);flex-shrink: 0}.lightbox-zoom-slider__btn:hover{background: rgba(255, 255, 255, 0.2)}.lightbox-zoom-slider__range{-webkit-appearance: none;appearance: none;width: 80px;height: 4px;background: rgba(255, 255, 255, 0.25);border-radius: 2px;outline: none;cursor: pointer}.lightbox-zoom-slider__range::-webkit-slider-thumb{-webkit-appearance: none;appearance: none;width: 14px;height: 14px;border-radius: 50%;background: white;cursor: pointer;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)}.lightbox-zoom-slider__range::-moz-range-thumb{width: 14px;height: 14px;border: none;border-radius: 50%;background: white;cursor: pointer;box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)}.lightbox .lightbox-content img, .gallery-lightbox__image{cursor: zoom-in}.lightbox .lightbox-content img.is-zoomed, .gallery-lightbox__image.is-zoomed{cursor: grab}.lightbox .lightbox-content img.is-panning, .gallery-lightbox__image.is-panning{cursor: grabbing !important}.lightbox .lightbox-content{touch-action: none}.lightbox-caption-hidden{opacity: 0 !important;pointer-events: none}@media (max-width: 640px){.lightbox-zoom-slider{display: none}}.tabs{display: flex;border-bottom: 1px solid var(--color-border);overflow-x: auto;scrollbar-width: none;-ms-overflow-style: none}.tabs::-webkit-scrollbar{display: none}.tab{display: inline-flex;align-items: center;gap: var(--space-xs);padding: 0.75rem 1.25rem;font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--color-text-muted);cursor: pointer;border-bottom: 2px solid transparent;white-space: nowrap;transition: color var(--transition-fast), border-color var(--transition-fast);margin-bottom: -1px}.tab:hover{color: var(--color-text)}.tab.active{color: var(--color-primary);border-bottom-color: var(--color-primary)}.tab-badge{font-size: var(--text-xs);background-color: var(--color-bg-alt);color: var(--color-text-muted);padding: 0.1rem 0.4rem;border-radius: var(--radius-full);min-width: 20px;text-align: center}.tab.active .tab-badge{background-color: var(--color-primary-100);color: var(--color-primary-dark)}.tab-content{padding-top: var(--space-lg)}.tabs--pills{border-bottom: none;gap: var(--space-xs);background-color: var(--color-bg-alt);border-radius: var(--radius-lg);padding: var(--space-xs)}.tabs--pills .tab{border-bottom: none;border-radius: var(--radius-md);margin-bottom: 0;padding: 0.5rem 1rem}.tabs--pills .tab.active{background-color: var(--color-surface);color: var(--color-text);box-shadow: var(--shadow-sm)}.dropdown{position: relative;display: inline-block}.dropdown-trigger{cursor: pointer}.dropdown-menu{position: absolute;top: calc(100% + var(--space-xs));left: 0;min-width: 200px;max-height: 320px;overflow-y: auto;background-color: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-xl);z-index: var(--z-dropdown);padding: var(--space-xs)}.dropdown-menu--right{left: auto;right: 0}.dropdown-menu--up{top: auto;bottom: calc(100% + var(--space-xs))}.dropdown-item{display: flex;align-items: center;gap: var(--space-sm);padding: 0.5rem 0.75rem;font-size: var(--text-sm);color: var(--color-text);border-radius: var(--radius-md);cursor: pointer;transition: background-color var(--transition-fast), color var(--transition-fast);white-space: nowrap}.dropdown-item:hover{background-color: var(--color-surface-hover)}.dropdown-item.active{background-color: var(--color-primary-50);color: var(--color-primary)}.dropdown-item--danger{color: var(--color-error)}.dropdown-item--danger:hover{background-color: var(--color-error-light)}.dropdown-item:disabled, .dropdown-item.disabled{color: var(--color-text-faint);cursor: not-allowed;pointer-events: none}.dropdown-item-icon{width: 16px;height: 16px;flex-shrink: 0;color: var(--color-text-muted)}.dropdown-divider{height: 1px;background-color: var(--color-border-light);margin: var(--space-xs) 0}.dropdown-header{padding: 0.5rem 0.75rem 0.25rem;font-size: var(--text-xs);font-weight: var(--font-semibold);color: var(--color-text-faint);text-transform: uppercase;letter-spacing: var(--tracking-wider)}.alert{display: flex;align-items: flex-start;gap: var(--space-sm);padding: var(--space-md);border-radius: var(--radius-lg);border-left: 4px solid var(--color-border);background-color: var(--color-bg-alt);font-size: var(--text-sm);line-height: var(--leading-relaxed)}.alert-success{background-color: var(--color-success-light);border-left-color: var(--color-success);color: var(--color-success-dark)}.alert-warning{background-color: var(--color-warning-light);border-left-color: var(--color-warning);color: var(--color-warning-dark)}.alert-error{background-color: var(--color-error-light);border-left-color: var(--color-error);color: var(--color-error-dark)}.alert-info{background-color: var(--color-info-light);border-left-color: var(--color-info);color: var(--color-info-dark)}.alert-danger{background-color: var(--color-error-light);border-left-color: var(--color-error);color: var(--color-error-dark)}.alert-icon{flex-shrink: 0;width: 20px;height: 20px;margin-top: 1px}.alert-content{flex: 1;min-width: 0}.alert-title{font-weight: var(--font-semibold);margin-bottom: 2px}.alert-close{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;width: 28px;height: 28px;border-radius: var(--radius-sm);cursor: pointer;opacity: 0.6;transition: opacity var(--transition-fast), background-color var(--transition-fast)}.alert-close:hover{opacity: 1;background-color: rgba(0, 0, 0, 0.05)}.pagination{display: flex;align-items: center;gap: var(--space-xs)}.pagination-item{display: inline-flex;align-items: center;justify-content: center;min-width: 36px;height: 36px;padding: 0 var(--space-sm);font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--color-text-muted);border-radius: var(--radius-md);cursor: pointer;transition: background-color var(--transition-fast), color var(--transition-fast);user-select: none}.pagination-item:hover{background-color: var(--color-surface-hover);color: var(--color-text)}.pagination-item.active{background-color: var(--color-primary);color: var(--color-text-inverse)}.pagination-item.disabled{color: var(--color-text-faint);cursor: not-allowed;pointer-events: none}.pagination-ellipsis{display: inline-flex;align-items: center;justify-content: center;width: 36px;height: 36px;color: var(--color-text-faint);font-size: var(--text-sm);cursor: default}.avatar{display: inline-flex;align-items: center;justify-content: center;border-radius: var(--radius-full);overflow: hidden;background-color: var(--color-primary-100);color: var(--color-primary);font-weight: var(--font-semibold);flex-shrink: 0}.avatar img{width: 100%;height: 100%;object-fit: cover}.avatar-xs{width: 24px;height: 24px;font-size: var(--text-xs)}.avatar-sm{width: 32px;height: 32px;font-size: var(--text-xs)}.avatar-md{width: 40px;height: 40px;font-size: var(--text-sm)}.avatar-lg{width: 56px;height: 56px;font-size: var(--text-lg)}.avatar-xl{width: 80px;height: 80px;font-size: var(--text-2xl)}.avatar-2xl{width: 120px;height: 120px;font-size: var(--text-3xl)}.avatar--square{border-radius: var(--radius-lg)}.avatar-group{display: flex;align-items: center}.avatar-group .avatar{border: 2px solid var(--color-surface);margin-left: -8px}.avatar-group .avatar:first-child{margin-left: 0}.avatar-group--count{display: inline-flex;align-items: center;justify-content: center;border-radius: var(--radius-full);background-color: var(--color-bg-alt);border: 2px solid var(--color-surface);margin-left: -8px;font-size: var(--text-xs);font-weight: var(--font-medium);color: var(--color-text-muted)}.avatar-wrapper{position: relative;display: inline-block}.avatar-status{position: absolute;bottom: 0;right: 0;width: 12px;height: 12px;border-radius: var(--radius-full);border: 2px solid var(--color-surface)}.avatar-status--online{background-color: var(--color-success)}.avatar-status--offline{background-color: var(--color-text-faint)}.avatar-status--busy{background-color: var(--color-error)}.avatar-status--away{background-color: var(--color-warning)}.stat-card{background-color: var(--color-surface);border-radius: var(--radius-lg);border: 1px solid var(--color-border-light);padding: var(--space-lg);display: flex;align-items: flex-start;justify-content: space-between;gap: var(--space-md);box-shadow: var(--shadow-sm);transition: box-shadow var(--transition-base), border-color var(--transition-base)}.stat-card:hover{box-shadow: var(--shadow-md);border-color: var(--color-border)}.stat-card-content{flex: 1;min-width: 0}.stat-card-label{font-size: var(--text-sm);color: var(--color-text-muted);margin-bottom: var(--space-xs);font-weight: var(--font-medium)}.stat-card-value{font-size: var(--text-3xl);font-weight: var(--font-bold);color: var(--color-text);line-height: var(--leading-none);margin-bottom: var(--space-xs);letter-spacing: var(--tracking-tight)}.stat-card-trend{display: inline-flex;align-items: center;gap: 4px;font-size: var(--text-xs);font-weight: var(--font-medium);padding: 2px 6px;border-radius: var(--radius-full)}.stat-card-trend--up{color: var(--color-success-dark);background-color: var(--color-success-light)}.stat-card-trend--down{color: var(--color-error-dark);background-color: var(--color-error-light)}.stat-card-trend--neutral{color: var(--color-text-muted);background-color: var(--color-bg-alt)}.stat-card-icon{display: flex;align-items: center;justify-content: center;width: 48px;height: 48px;border-radius: var(--radius-lg);background-color: var(--color-primary-50);color: var(--color-primary);flex-shrink: 0}.stat-card-icon--success{background-color: var(--color-success-light);color: var(--color-success)}.stat-card-icon--warning{background-color: var(--color-warning-light);color: var(--color-warning)}.stat-card-icon--error{background-color: var(--color-error-light);color: var(--color-error)}.stat-card-icon--info{background-color: var(--color-info-light);color: var(--color-info)}.lang-switcher{position: relative;display: inline-block}.lang-switcher-trigger{display: inline-flex;align-items: center;gap: var(--space-xs);padding: 0.375rem 0.75rem;font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--color-text);background-color: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);cursor: pointer;transition: border-color var(--transition-fast), background-color var(--transition-fast)}.lang-switcher-trigger:hover{border-color: var(--color-border-strong);background-color: var(--color-surface-hover)}.lang-switcher-flag{width: 20px;height: 15px;border-radius: 2px;object-fit: cover}.lang-switcher-code{font-size: var(--text-xs);text-transform: uppercase;font-weight: var(--font-semibold);letter-spacing: var(--tracking-wide)}.lang-switcher-menu{position: absolute;top: calc(100% + var(--space-xs));right: 0;min-width: 180px;background-color: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);box-shadow: var(--shadow-xl);z-index: var(--z-dropdown);padding: var(--space-xs)}.lang-switcher-option{display: flex;align-items: center;gap: var(--space-sm);padding: 0.5rem 0.75rem;font-size: var(--text-sm);color: var(--color-text);border-radius: var(--radius-md);cursor: pointer;transition: background-color var(--transition-fast)}.lang-switcher-option:hover{background-color: var(--color-surface-hover)}.lang-switcher-option.active{background-color: var(--color-primary-50);color: var(--color-primary)}.lang-switcher-option-name{flex: 1}.theme-toggle{display: inline-flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: var(--radius-md);cursor: pointer;color: var(--color-text-muted);background: transparent;border: 1px solid transparent;transition: background-color var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast)}.theme-toggle:hover{background-color: var(--color-surface-hover);color: var(--color-text);border-color: var(--color-border)}.theme-toggle-icon{width: 20px;height: 20px;transition: transform var(--transition-base)}.theme-toggle:hover .theme-toggle-icon{transform: rotate(15deg) translateZ(0)}.theme-toggle-group{display: inline-flex;align-items: center;background-color: var(--color-bg-alt);border-radius: var(--radius-md);padding: 2px;gap: 2px}.theme-toggle-option{display: inline-flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: var(--radius-sm);cursor: pointer;color: var(--color-text-faint);transition: background-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast)}.theme-toggle-option:hover{color: var(--color-text)}.theme-toggle-option.active{background-color: var(--color-surface);color: var(--color-text);box-shadow: var(--shadow-sm)}.tooltip{position: relative;display: inline-block}.tooltip-content{position: absolute;bottom: calc(100% + 8px);left: 50%;transform: translateX(-50%) translateZ(0);padding: 0.375rem 0.75rem;font-size: var(--text-xs);font-weight: var(--font-medium);color: var(--color-text-inverse);background-color: var(--color-text);border-radius: var(--radius-md);white-space: nowrap;z-index: var(--z-tooltip);box-shadow: var(--shadow-lg);pointer-events: none}.tooltip-content::after{content: '';position: absolute;top: 100%;left: 50%;transform: translateX(-50%);border: 5px solid transparent;border-top-color: var(--color-text)}.tooltip-content--bottom{bottom: auto;top: calc(100% + 8px)}.tooltip-content--bottom::after{top: auto;bottom: 100%;border-top-color: transparent;border-bottom-color: var(--color-text)}.breadcrumb{display: flex;align-items: center;flex-wrap: wrap;gap: var(--space-xs);font-size: var(--text-sm)}.breadcrumb-item{display: inline-flex;align-items: center;gap: var(--space-xs);color: var(--color-text-muted)}.breadcrumb-item a{color: var(--color-text-muted);text-decoration: none;transition: color var(--transition-fast)}.breadcrumb-item a:hover{color: var(--color-primary)}.breadcrumb-item:last-child{color: var(--color-text);font-weight: var(--font-medium)}.breadcrumb-separator{color: var(--color-text);font-size: var(--text-xs)}.empty-state{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;padding: var(--space-3xl) var(--space-lg);max-width: 480px;margin: 0 auto}.empty-state-icon{width: 64px;height: 64px;color: var(--color-text-faint);margin-bottom: var(--space-lg);opacity: 0.5}.empty-state-title{font-size: var(--text-xl);font-weight: var(--font-semibold);color: var(--color-text);margin-bottom: var(--space-sm)}.empty-state-text{font-size: var(--text-sm);color: var(--color-text-muted);margin-bottom: var(--space-lg);line-height: var(--leading-relaxed)}.divider{display: flex;align-items: center;gap: var(--space-md);color: var(--color-text-faint);font-size: var(--text-sm);margin: var(--space-lg) 0}.divider::before, .divider::after{content: '';flex: 1;height: 1px;background-color: var(--color-border)}.divider:empty::after{display: none}.divider:empty{height: 1px;background-color: var(--color-border)}.divider:empty::before{display: none}.price{display: inline-flex;align-items: baseline;gap: 2px}.price-currency{font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--color-text)}.price-amount{font-size: var(--text-2xl);font-weight: var(--font-bold);color: var(--color-text);line-height: var(--leading-none)}.price-period{font-size: var(--text-sm);color: var(--color-text-muted);font-weight: var(--font-normal)}.price--sm .price-amount{font-size: var(--text-lg)}.price--lg .price-amount{font-size: var(--text-4xl)}.price-original{font-size: var(--text-sm);color: var(--color-text-faint);text-decoration: line-through;margin-right: var(--space-xs)}.rating{display: inline-flex;align-items: center;gap: 2px}.rating-star{width: 18px;height: 18px;color: var(--color-border)}.rating-star--filled{color: var(--color-warning)}.rating-star--half{position: relative;color: var(--color-border)}.rating-value{font-size: var(--text-sm);font-weight: var(--font-semibold);color: var(--color-text);margin-left: var(--space-xs)}.rating-count{font-size: var(--text-sm);color: var(--color-text-muted);margin-left: 2px}.accordion{border: 1px solid var(--color-border);border-radius: var(--radius-lg);overflow: hidden}.accordion-item{border-bottom: 1px solid var(--color-border-light)}.accordion-item:last-child{border-bottom: none}.accordion-trigger{display: flex;align-items: center;justify-content: space-between;width: 100%;padding: var(--space-md) var(--space-lg);font-size: var(--text-base);font-weight: var(--font-medium);color: var(--color-text);background: transparent;cursor: pointer;text-align: left;transition: background-color var(--transition-fast)}.accordion-trigger:hover{background-color: var(--color-surface-hover)}.accordion-trigger-icon{width: 20px;height: 20px;flex-shrink: 0;color: var(--color-text-muted);transition: transform var(--transition-base);transform: rotate(0deg) translateZ(0)}.accordion-item.expanded .accordion-trigger-icon{transform: rotate(180deg) translateZ(0)}.accordion-content{padding: 0 var(--space-lg) var(--space-lg);font-size: var(--text-sm);color: var(--color-text-muted);line-height: var(--leading-relaxed)}.progress{width: 100%;height: 8px;background-color: var(--color-bg-alt);border-radius: var(--radius-full);overflow: hidden}.progress-bar{height: 100%;background-color: var(--color-primary);border-radius: var(--radius-full);transition: width 600ms cubic-bezier(0.16, 1, 0.3, 1)}.progress-bar--success{background-color: var(--color-success)}.progress-bar--warning{background-color: var(--color-warning)}.progress-bar--error{background-color: var(--color-error)}.progress--sm{height: 4px}.progress--lg{height: 12px}.progress-label{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-xs);font-size: var(--text-sm)}.progress-label-text{color: var(--color-text);font-weight: var(--font-medium)}.progress-label-value{color: var(--color-text-muted)}.amenity-tag{padding: 0rem .75rem;border-radius: var(--radius-full);background-color: var(--color-accent-light);color: #fff}.chip{display: inline-flex;align-items: center;gap: var(--space-xs);padding: 0.375rem 0.875rem;font-size: var(--text-sm);font-weight: var(--font-medium);color: var(--color-text);background-color: var(--color-bg-alt);border: 1px solid var(--color-border);border-radius: var(--radius-full);cursor: pointer;transition: background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);user-select: none}.chip:hover{background-color: var(--color-surface-hover);border-color: var(--color-border-strong)}.chip.active{background-color: var(--color-primary);border-color: var(--color-primary);color: #fff}.chip-group{display: flex;flex-wrap: wrap;gap: var(--space-sm)}.skeleton-text{height: 14px;border-radius: var(--radius-sm);margin-bottom: var(--space-sm)}.skeleton-text:last-child{width: 70%}.skeleton-title{height: 22px;width: 60%;border-radius: var(--radius-sm);margin-bottom: var(--space-md)}.skeleton-avatar{width: 40px;height: 40px;border-radius: var(--radius-full)}.skeleton-image{width: 100%;aspect-ratio: 16 / 10;border-radius: var(--radius-md)}.skeleton-button{height: 40px;width: 120px;border-radius: var(--radius-md)}.skeleton-card{border-radius: var(--radius-md);overflow: hidden;background: var(--color-bg);border: 1px solid var(--color-border, rgba(0,0,0,0.06))}.skeleton-card-image{width: 100%;aspect-ratio: 16 / 10}.skeleton-card-body{padding: var(--space-md)}.skeleton-text.w80{width: 80%}.skeleton-text.w60{width: 60%}.skeleton-text.w50{width: 50%}.skeleton-text.w40{width: 40%}.skeleton-text.w30{width: 30%}.skeleton-grid{display: grid;gap: var(--space-md)}.skeleton-grid.cols-2{grid-template-columns: repeat(2, 1fr)}.skeleton-grid.cols-3{grid-template-columns: repeat(3, 1fr)}.skeleton-grid.cols-4{grid-template-columns: repeat(4, 1fr)}.skeleton-content{max-width: 800px}.skeleton-content .skeleton-text{width: 100%;margin-bottom: var(--space-sm)}.skeleton-content .skeleton-text:nth-child(3n){width: 85%}.skeleton-content .skeleton-text:nth-child(5n){width: 70%}.skeleton-content .skeleton-text:last-child{width: 50%}.skeleton-review{padding: var(--space-lg);border-radius: var(--radius-md);background: var(--color-bg);border: 1px solid var(--color-border, rgba(0,0,0,0.06))}.skeleton-stars{display: flex;gap: 4px;margin-bottom: var(--space-sm)}.skeleton-star{width: 16px;height: 16px;border-radius: 2px}.skeleton-form-group{margin-bottom: var(--space-md)}.skeleton-form-label{height: 12px;width: 25%;margin-bottom: var(--space-xs);border-radius: var(--radius-sm)}.skeleton-form-input{height: 40px;width: 100%;border-radius: var(--radius-md)}@media (max-width: 768px){.skeleton-grid.cols-3{grid-template-columns: repeat(2, 1fr)}.skeleton-grid.cols-4{grid-template-columns: repeat(2, 1fr)}}@media (max-width: 480px){.skeleton-grid.cols-2, .skeleton-grid.cols-3, .skeleton-grid.cols-4{grid-template-columns: 1fr}}.loading-placeholder{display: flex;align-items: center;justify-content: center;padding: var(--space-2xl) 0;min-height: 200px}.loading-spinner{width: 40px;height: 40px;border: 3px solid var(--color-border, #e0e0e0);border-top-color: var(--color-primary, #0a7e8c);border-radius: 50%;animation: spinner-rotate 0.8s linear infinite}@keyframes spinner-rotate{to{transform: rotate(360deg)}}.loading-placeholder--sm{padding: var(--space-lg) 0;min-height: 100px}.loading-placeholder--sm .loading-spinner{width: 24px;height: 24px;border-width: 2px}@media (max-width: 640px){.datatable-header{flex-direction: column;align-items: stretch}.datatable-search{max-width: 100%}.datatable-footer{flex-direction: column;align-items: center;text-align: center}.stat-card{padding: var(--space-md)}.stat-card-value{font-size: var(--text-2xl)}.lightbox-nav{display: none}.gallery-grid{grid-template-columns: repeat(2, 1fr)}.tabs{gap: 0}.tab{padding: 0.625rem 0.75rem;font-size: var(--text-xs)}.modal-footer{flex-direction: column}.modal-footer .btn{width: 100%}}.cookie-banner{position: fixed;bottom: 0;left: 0;right: 0;z-index: 9990;transform: translateY(100%);transition: transform 0.3s ease}.cookie-banner--visible{transform: translateY(0)}.cookie-banner__inner{display: flex;align-items: center;justify-content: space-between;gap: 1.5rem;padding: 1rem 2rem;background: var(--color-surface, #fff);border-top: 1px solid var(--color-border, #e5e7eb);box-shadow: var(--shadow-md)}.cookie-banner__text{font-size: var(--text-sm, 0.875rem);color: var(--color-text, #1a1a2e);margin: 0;flex: 1;line-height: var(--leading-relaxed, 1.625)}.cookie-banner__link{font-size: var(--text-xs, 0.75rem);color: var(--color-primary, #4361ee);text-decoration: underline;margin-top: 0.25rem;display: inline-block}.cookie-banner__content{flex: 1;min-width: 0}.cookie-banner__categories{display: flex;flex-wrap: wrap;gap: 0.75rem;margin-top: 0.75rem}.cookie-category{display: flex;align-items: center;gap: 0.35rem;font-size: var(--text-sm, 0.875rem);cursor: pointer;flex-wrap: wrap}.cookie-category input[type="checkbox"]{accent-color: var(--color-primary, #2563eb)}.cookie-category .text-xs{display: block;width: 100%;padding-left: 1.25rem;font-size: 0.7rem}.cookie-banner__actions{display: flex;gap: 0.5rem;flex-shrink: 0;flex-wrap: wrap}.durinweb-logo-link{height: 35px}@media (max-width: 900px){.cookie-banner__inner{flex-direction: column;text-align: center;padding: 1rem}.cookie-banner__categories{flex-direction: column;align-items: flex-start}.cookie-banner__actions{width: 100%;justify-content: center}.cookie-banner__actions .btn{min-width: 0}}@media (max-width: 480px){.cookie-banner__actions{flex-direction: column;gap: 0.4rem}.cookie-banner__actions .btn{width: 100%;text-align: center}}.toggle-switch{position: relative;display: inline-block;width: 46px;height: 26px;flex-shrink: 0}.toggle-switch input{opacity: 0;width: 0;height: 0;position: absolute}.toggle-slider{position: absolute;inset: 0;background: var(--color-border, #d1d5db);border-radius: 26px;cursor: pointer;transition: background .2s ease}.toggle-slider::before{content: '';position: absolute;left: 3px;top: 3px;width: 20px;height: 20px;background: #fff;border-radius: 50%;box-shadow: 0 1px 3px rgba(0,0,0,.2);transition: transform .2s ease}.toggle-switch input:checked + .toggle-slider{background: var(--color-primary, #5d3a1a)}.toggle-switch input:checked + .toggle-slider::before{transform: translateX(20px)}.toggle-switch input:focus-visible + .toggle-slider{outline: 2px solid var(--color-primary, #5d3a1a);outline-offset: 2px}.news-card{display: flex;flex-direction: column;height: 100%}.news-card-body{display: flex;flex-direction: column;align-items: flex-start;flex: 1}.news-card-footer{margin-top: auto;padding-top: var(--space-md)}.carousel{position: relative;overflow: clip !important;scroll-snap-type: none !important;width: 100%;display: block !important;grid-template-columns: none !important}.carousel-track{display: flex !important;will-change: transform}.carousel-slide{flex-shrink: 0}.carousel-prev, .carousel-next{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;width: 40px;height: 40px;border: none;border-radius: 50%;background: var(--color-bg, #fff);color: var(--color-text, #333);box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background 200ms, opacity 200ms, box-shadow 200ms;opacity: 0.9}.carousel-prev{left: 8px}.carousel-next{right: 8px}.carousel-prev:hover, .carousel-next:hover{opacity: 1;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2)}.carousel-prev:disabled, .carousel-next:disabled{opacity: 0.3;cursor: default;pointer-events: none}.carousel-dots{display: flex;justify-content: center;gap: 8px;padding: 16px 0 4px}.carousel-dot{width: 10px;height: 10px;border: none;border-radius: 50%;background: var(--color-text-muted, #999);opacity: 0.4;cursor: pointer;padding: 0;transition: opacity 200ms, transform 200ms, background 200ms}.carousel-dot:hover{opacity: 0.7}.carousel-dot--active{opacity: 1;background: var(--color-primary, #5d3a1a);transform: scale(1.2)}@media (max-width: 768px){.carousel-prev, .carousel-next{width: 32px;height: 32px}.carousel-prev svg, .carousel-next svg{width: 18px;height: 18px}}.event-calendar{margin-bottom: 32px}.ec-header{display: flex;align-items: center;justify-content: space-between;padding: 12px 10px;margin-bottom: 8px}.ec-header h3{font-size: 1.15rem;font-weight: 600;margin: 0;text-transform: capitalize}.ec-nav{display: flex;gap: 4px}.ec-nav button{width: 36px;height: 36px;border: 1px solid var(--color-border, #ddd);border-radius: 8px;background: var(--color-bg, #fff);color: var(--color-text, #333);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background 200ms, border-color 200ms}.ec-nav button:hover{background: var(--color-bg-soft, #f5f5f5);border-color: var(--color-primary, #0A7E8C)}.ec-weekdays{display: grid;grid-template-columns: repeat(7, 1fr);text-align: center;font-size: 0.75rem;font-weight: 600;color: var(--color-text-muted, #888);text-transform: uppercase;letter-spacing: 0.5px;padding: 8px 0;border-bottom: 1px solid var(--color-border, #eee)}.ec-grid{display: grid;grid-template-columns: repeat(7, 1fr);gap: 2px}.ec-day{aspect-ratio: 1;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;padding: 6px 2px;border-radius: 8px;cursor: default;font-size: 0.85rem;transition: background 200ms;min-height: 48px;position: relative}.ec-day--other-month{opacity: 0.3}.ec-day--today{font-weight: 700;background: var(--color-primary-light, rgba(10, 126, 140, 0.1))}.ec-day--today .ec-day-num{color: var(--color-primary, #0A7E8C)}.ec-day--has-events{cursor: pointer}.ec-day--has-events:hover{background: var(--color-bg-soft, #f0f0f0)}.ec-day--has-events:focus-visible{outline: 2px solid var(--color-primary, #0A7E8C);outline-offset: -2px}.ec-day--selected{background: var(--color-primary-light, rgba(10, 126, 140, 0.15));box-shadow: inset 0 0 0 2px var(--color-primary, #0A7E8C)}.ec-day-num{font-size: 0.85rem;line-height: 1;margin-bottom: 4px}.ec-dots{display: flex;gap: 3px;flex-wrap: wrap;justify-content: center}.ec-dot{width: 6px;height: 6px;border-radius: 50%;background: var(--color-primary, #0A7E8C)}.ec-dot--featured{background: var(--color-accent, #E8614D)}.ec-more{font-size: 0.6rem;color: var(--color-text-muted, #888);line-height: 1}.ec-popup{position: fixed;z-index: 9999;width: max-content;max-width: min(320px, calc(100vw - 16px));padding: 12px;background: var(--color-bg-elevated, var(--color-surface, #fff));border: 1px solid var(--color-border, #e0e0e0);border-radius: 12px;box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18);opacity: 0;transform: translateY(4px);transition: opacity 140ms ease, transform 140ms ease;pointer-events: auto}.ec-popup--visible{opacity: 1;transform: translateY(0)}.ec-popup-inner{max-height: min(60vh, 420px);overflow-y: auto;overscroll-behavior: contain}.ec-popup::after{content: '';position: absolute;left: var(--ec-popup-arrow-x, 50%);width: 10px;height: 10px;margin-left: -5px;background: inherit;border: 1px solid var(--color-border, #e0e0e0);transform: rotate(45deg)}.ec-popup[data-placement="top"]::after{bottom: -6px;border-top: none;border-left: none}.ec-popup[data-placement="bottom"]::after{top: -6px;border-bottom: none;border-right: none}.ec-popup-date{font-size: 0.78rem;font-weight: 600;text-transform: capitalize;color: var(--color-text-muted, #888);margin-bottom: 8px}.ec-popup-event{display: flex;align-items: flex-start;gap: 10px;padding: 8px;border-radius: 8px;text-decoration: none;color: inherit;transition: background 160ms}.ec-popup-event + .ec-popup-event{margin-top: 2px}.ec-popup-event:hover{background: var(--color-bg-soft, var(--color-bg-alt, #f5f5f5))}.ec-popup-time{flex-shrink: 0;font-size: 0.78rem;font-weight: 600;color: var(--color-primary, #0A7E8C);white-space: nowrap;padding-top: 1px}.ec-popup-body{display: block;min-width: 0}.ec-popup-title{display: block;font-size: 0.85rem;font-weight: 500;line-height: 1.35}.ec-popup-location{font-size: 0.75rem;color: var(--color-text-muted, #888);margin-top: 2px}@media (prefers-reduced-motion: reduce){.ec-popup{transition: none;transform: none}}.ec-event-item{display: flex;align-items: center;gap: 12px;padding: 10px 12px;background: var(--color-bg, #fff);border-radius: 8px;margin-bottom: 8px;transition: box-shadow 200ms;cursor: pointer;text-decoration: none;color: inherit}.ec-event-item:last-child{margin-bottom: 0}.ec-event-item:hover{box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1)}.ec-event-time{font-size: 0.8rem;font-weight: 600;color: var(--color-primary, #0A7E8C);white-space: nowrap;min-width: 50px}.ec-event-title{font-size: 0.9rem;font-weight: 500}.ec-event-location{font-size: 0.75rem;color: var(--color-text-muted, #888)}.events-view-toggle{display: flex;gap: 4px;margin-bottom: 20px;padding: 4px;background: var(--color-bg-soft, #f0f0f0);border-radius: 8px;width: fit-content}.events-view-toggle .btn{padding: 6px 16px;border-radius: 6px;font-size: 0.85rem;border: none;background: transparent;color: var(--color-text-muted, #666);cursor: pointer;transition: background 200ms, color 200ms}.events-view-toggle .btn.active{background: var(--color-bg, #fff);color: var(--color-text, #333);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1)}.events-split-layout{display: grid;grid-template-columns: 380px 1fr;gap: var(--space-2xl);align-items: start}.events-split-calendar{position: sticky;top: calc(var(--header-height, 64px) + var(--space-lg))}.events-split-list{min-width: 0}.events-split-list .chip-group{margin-bottom: var(--space-lg)}.events-split-list .events-list{display: flex;flex-direction: column}.event-card{display: flex;gap: var(--space-md);padding: var(--space-md);background: var(--color-surface, #fff);border-radius: var(--radius-lg, 12px);border: 1px solid var(--color-border, #e5e7eb);transition: transform 200ms, box-shadow 200ms;text-decoration: none;color: inherit;margin-bottom: var(--space-sm)}.event-card:hover{transform: translateY(-2px);box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08)}.event-card__date-badge{flex-shrink: 0;width: 56px;text-align: center;background: var(--color-primary);color: #fff;border-radius: var(--radius-md, 8px);padding: var(--space-xs) var(--space-sm);display: flex;flex-direction: column;align-items: center;justify-content: center;line-height: 1.1}.event-card__date-day{font-size: var(--fs-2xl, 1.5rem);font-weight: var(--fw-bold, 700)}.event-card__date-month{font-size: var(--fs-xs, 0.75rem);text-transform: uppercase;letter-spacing: 0.05em;opacity: 0.85}.event-card__body{flex: 1;min-width: 0}.event-card__title{font-size: var(--fs-md, 1rem);font-weight: var(--fw-semibold, 600);margin-bottom: var(--space-2xs, 4px);color: var(--color-text)}.event-card__meta{font-size: var(--fs-sm, 0.875rem);color: var(--color-text-muted, #6b7280);display: flex;flex-wrap: wrap;gap: var(--space-sm)}.event-card__meta i{margin-right: 4px;opacity: 0.7}.event-card__desc{font-size: var(--fs-sm, 0.875rem);color: var(--color-text-secondary);margin-top: var(--space-xs);display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.event-card--featured{border-left: 3px solid var(--color-accent, #e8614d)}[data-theme="dark"] .event-card{background: var(--color-surface, #1f2937);border-color: var(--color-border, #374151)}[data-theme="dark"] .event-card:hover{box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3)}.ec-day{cursor: pointer}.ec-day--other-month{cursor: default}@media (max-width: 900px){.events-split-layout{grid-template-columns: 1fr}.events-split-calendar{position: static}}@media (max-width: 640px){.ec-day{min-height: 36px;padding: 4px 1px}.ec-day-num{font-size: 0.75rem}.ec-dot{width: 4px;height: 4px}}.masonry-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));grid-auto-rows: 10px;gap: 16px}.masonry-item{border-radius: var(--radius, 8px);overflow: hidden}.count-up{font-variant-numeric: tabular-nums}.count-up[data-counted]{transition: none}.official-board-search{margin-bottom: var(--space-lg)}.official-board-search .search-input-wrap{position: relative;max-width: 480px}.official-board-search .search-input-wrap i{position: absolute;left: 14px;top: 50%;transform: translateY(-50%);color: var(--color-text-muted, #888);font-size: var(--fs-sm);pointer-events: none}.official-board-search .form-input{width: 100%;padding: var(--space-sm) var(--space-md) var(--space-sm) 40px;border: 1px solid var(--color-border);border-radius: var(--radius-md, 8px);background: var(--color-surface);color: var(--color-text);font-size: var(--fs-base);transition: border-color 0.2s, box-shadow 0.2s}.official-board-search .form-input:focus{outline: none;border-color: var(--color-primary);box-shadow: 0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15)}.official-board-tabs{display: flex;gap: var(--space-xs, 6px);margin-bottom: var(--space-xl);overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;padding-bottom: 2px}.official-board-tabs::-webkit-scrollbar{display: none}.official-board-tabs .tab-btn{flex-shrink: 0;padding: var(--space-xs, 6px) var(--space-md, 16px);border: 1px solid var(--color-border);border-radius: var(--radius-pill, 999px);background: var(--color-surface);color: var(--color-text-muted, #666);font-size: var(--fs-sm);font-weight: 500;cursor: pointer;transition: all 0.2s;white-space: nowrap}.official-board-tabs .tab-btn:hover{border-color: var(--color-primary);color: var(--color-primary);background: var(--color-surface-hover, rgba(0,0,0,0.03))}.official-board-tabs .tab-btn.active{background: var(--color-primary);color: #fff;border-color: var(--color-primary)}.official-board-list{display: flex;flex-direction: column;gap: var(--space-md)}.official-board-item{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md, 8px);padding: var(--space-lg);transition: box-shadow 0.2s, border-color 0.2s}.official-board-item:hover{border-color: var(--color-primary);box-shadow: 0 2px 12px rgba(0,0,0,0.06)}.official-board-item-header{display: flex;align-items: center;justify-content: space-between;gap: var(--space-sm);margin-bottom: var(--space-sm);flex-wrap: wrap}.official-board-category{display: inline-flex;align-items: center;padding: 2px 10px;border-radius: var(--radius-pill, 999px);background: var(--color-primary);color: #fff;font-size: 0.75rem;font-weight: 600;letter-spacing: 0.02em;text-transform: uppercase}.official-board-date{display: inline-flex;align-items: center;gap: 4px;font-size: var(--fs-sm);color: var(--color-text-muted, #888)}.official-board-item-title{font-size: var(--fs-lg, 1.125rem);font-weight: 600;color: var(--color-text);margin: 0 0 var(--space-xs, 6px) 0;line-height: 1.4}.official-board-item-desc{font-size: var(--fs-sm);color: var(--color-text-muted, #666);margin: 0 0 var(--space-md) 0;line-height: 1.6}.official-board-item-actions{display: flex;gap: var(--space-sm);flex-wrap: wrap}[data-theme="dark"] .official-board-search .form-input{background: var(--color-surface);border-color: var(--color-border);color: var(--color-text)}[data-theme="dark"] .official-board-tabs .tab-btn{background: var(--color-surface);border-color: var(--color-border);color: var(--color-text-muted, #aaa)}[data-theme="dark"] .official-board-tabs .tab-btn:hover{border-color: var(--color-primary);color: var(--color-primary);background: rgba(255,255,255,0.05)}[data-theme="dark"] .official-board-tabs .tab-btn.active{background: var(--color-primary);color: #fff;border-color: var(--color-primary)}[data-theme="dark"] .official-board-item{background: var(--color-surface);border-color: var(--color-border)}[data-theme="dark"] .official-board-item:hover{border-color: var(--color-primary);box-shadow: 0 2px 12px rgba(0,0,0,0.2)}[data-theme="dark"] .official-board-category{background: var(--color-primary);color: #fff}@media (max-width: 640px){.official-board-item{padding: var(--space-md)}.official-board-item-actions{flex-direction: column}.official-board-item-actions .btn{width: 100%;justify-content: center}}.announcements-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));gap: var(--space-xl)}.announcement-card{background: var(--color-bg-elevated);border: 1px solid var(--color-border);border-radius: var(--radius-lg);padding: var(--space-xl);transition: box-shadow var(--transition-base), transform var(--transition-base)}.announcement-card:hover{box-shadow: var(--shadow-md);transform: translateY(-2px)}.announcement-card-meta{display: flex;align-items: center;gap: var(--space-sm);margin-bottom: var(--space-md);font-size: var(--fs-xs);color: var(--color-text-muted)}.announcement-card-category{display: inline-flex;padding: 2px 10px;border-radius: var(--radius-full);background: rgba(var(--color-accent-rgb, 59, 130, 246), 0.1);color: var(--color-accent, var(--color-primary));font-size: var(--fs-xs);font-weight: var(--fw-medium)}.announcement-card-title{font-size: var(--fs-lg);font-weight: var(--fw-semibold);margin-bottom: var(--space-sm);line-height: var(--lh-tight)}.announcement-card-title a{color: var(--color-text);text-decoration: none}.announcement-card-title a:hover{color: var(--color-primary)}.announcement-card-excerpt{font-size: var(--fs-sm);color: var(--color-text-secondary);line-height: var(--lh-relaxed);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}[data-theme="dark"] .announcement-card{background: var(--color-bg-elevated);border-color: var(--color-border)}.service-tile{display: flex;flex-direction: column;align-items: center;gap: var(--space-sm);padding: var(--space-xl) var(--space-lg);background: var(--color-bg-elevated);border: 1px solid var(--color-border);border-radius: var(--radius-lg);text-decoration: none;color: var(--color-text);text-align: center;transition: box-shadow var(--transition-base), transform var(--transition-base), border-color var(--transition-base)}.service-tile:hover{box-shadow: var(--shadow-md);transform: translateY(-3px);border-color: var(--color-primary)}.service-tile__icon{display: inline-flex;align-items: center;justify-content: center;width: 3rem;height: 3rem;border-radius: var(--radius-full);background: rgba(var(--color-accent-rgb, 59, 130, 246), 0.1);color: var(--color-primary);font-size: 1.25rem}.service-tile__icon svg{width: 1.25rem;height: 1.25rem;stroke: currentColor;fill: none}.service-tile__icon i{font-size: 1.25rem}.service-tile__title{font-size: var(--fs-sm);font-weight: var(--fw-semibold)}.service-tile__dept{font-size: var(--fs-xs);color: var(--color-text-muted)}[data-theme="dark"] .service-tile{background: var(--color-bg-elevated);border-color: var(--color-border)}[data-theme="dark"] .service-tile__icon{background: rgba(var(--color-accent-rgb, 59, 130, 246), 0.15)}.services-preview-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));gap: var(--space-lg)}@media (min-width: 768px){.services-preview-grid{grid-template-columns: repeat(3, 1fr)}}.events-preview-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: var(--space-lg)}.events-list{display: flex;flex-direction: column;gap: var(--space-md)}.event-list-item{display: flex;gap: var(--space-md);padding: var(--space-md);background: var(--color-bg-elevated);border: 1px solid var(--color-border);border-radius: var(--radius-md);text-decoration: none;color: var(--color-text);transition: box-shadow var(--transition-base), transform var(--transition-base)}.event-list-item:hover{box-shadow: var(--shadow-sm);transform: translateX(4px)}.event-list-date{display: flex;flex-direction: column;align-items: center;justify-content: center;min-width: 48px;padding: var(--space-xs) var(--space-sm);background: var(--color-primary);color: #fff;border-radius: var(--radius-md);text-align: center;flex-shrink: 0}.event-list-date-day{font-size: var(--fs-xl);font-weight: var(--fw-bold);line-height: 1}.event-list-date-month{font-size: var(--fs-xs);text-transform: uppercase;letter-spacing: 0.05em}.event-list-info{flex: 1;min-width: 0}.event-list-title{font-size: var(--fs-md);font-weight: var(--fw-semibold);margin-bottom: 2px}.event-list-meta{font-size: var(--fs-xs);color: var(--color-text-muted)}[data-theme="dark"] .event-list-item{background: var(--color-bg-elevated);border-color: var(--color-border)}.council-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: var(--space-xl)}.council-member-card{text-align: center;background: var(--color-bg-elevated);border: 1px solid var(--color-border);border-radius: var(--radius-lg);overflow: hidden;transition: box-shadow var(--transition-base), transform var(--transition-base)}.council-member-card:hover{box-shadow: var(--shadow-md);transform: translateY(-2px)}.council-member-photo{width: 100%;aspect-ratio: 1;object-fit: cover;background: var(--color-bg-subtle)}.council-member-info{padding: var(--space-lg)}.council-member-name{font-size: var(--fs-md);font-weight: var(--fw-semibold);margin-bottom: var(--space-xs)}.council-member-role{font-size: var(--fs-sm);color: var(--color-primary);font-weight: var(--fw-medium);margin-bottom: var(--space-xs)}.council-member-party{font-size: var(--fs-xs);color: var(--color-text-muted)}.council-member-contact{font-size: var(--fs-xs);color: var(--color-text-secondary);margin-top: var(--space-sm)}.council-member-contact a{color: var(--color-primary);text-decoration: none}.council-member-contact a:hover{text-decoration: underline}[data-theme="dark"] .council-member-card{background: var(--color-bg-elevated);border-color: var(--color-border)}.quick-links-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));gap: var(--space-md)}@media (min-width: 768px){.quick-links-grid{grid-template-columns: repeat(6, 1fr)}}.quick-link-card{display: flex;flex-direction: column;align-items: center;gap: var(--space-sm);padding: var(--space-xl) var(--space-md);background: var(--color-bg-elevated);border: 1px solid var(--color-border);border-radius: var(--radius-lg);text-decoration: none;color: var(--color-text);font-size: var(--fs-sm);font-weight: var(--fw-medium);text-align: center;transition: box-shadow var(--transition-base), transform var(--transition-base), border-color var(--transition-base)}.quick-link-card i{font-size: 1.5rem;color: var(--color-primary)}.quick-link-card:hover{box-shadow: var(--shadow-md);transform: translateY(-3px);border-color: var(--color-primary)}[data-theme="dark"] .quick-link-card{background: var(--color-bg-elevated);border-color: var(--color-border)}[data-theme="dark"] .quick-link-card i{color: var(--color-accent-light, var(--color-primary))}.sidebar-widget{background: var(--color-bg-elevated);border: 1px solid var(--color-border);border-radius: var(--radius-lg);overflow: hidden;margin-bottom: var(--space-lg)}.sidebar-widget-header{display: flex;align-items: center;gap: var(--space-sm);padding: var(--space-md) var(--space-lg);background: var(--color-primary);color: #fff;font-weight: var(--fw-semibold);font-size: var(--fs-sm)}.sidebar-widget-header i{font-size: 1rem}.sidebar-widget-body{padding: var(--space-lg)}[data-theme="dark"] .sidebar-widget{background: var(--color-bg-elevated);border-color: var(--color-border)}.home-layout{display: grid;grid-template-columns: 1fr;gap: var(--space-3xl)}@media (min-width: 1024px){.home-layout{grid-template-columns: 1fr 320px}}.home-main{min-width: 0}.home-sidebar{display: flex;flex-direction: column}.office-hours-list{list-style: none;padding: 0;margin: 0}.office-hours-item{display: flex;justify-content: space-between;padding: var(--space-sm) 0;border-bottom: 1px solid var(--color-border-light, rgba(0,0,0,0.06));font-size: var(--fs-sm)}.office-hours-item:last-child{border-bottom: none}.office-hours-day{font-weight: var(--fw-medium)}.office-hours-closed{color: var(--color-text-muted);font-style: italic}.quick-links-list{list-style: none;padding: 0;margin: 0}.quick-links-list li{border-bottom: 1px solid var(--color-border-light, rgba(0,0,0,0.06))}.quick-links-list li:last-child{border-bottom: none}.quick-links-list a{display: flex;align-items: center;gap: var(--space-sm);padding: var(--space-sm) 0;color: var(--color-text);text-decoration: none;font-size: var(--fs-sm);transition: color var(--transition-fast)}.quick-links-list a:hover{color: var(--color-primary)}.quick-links-list a i{width: 1.25em;text-align: center;color: var(--color-primary);font-size: 0.875rem}.home-events-calendar-wrap{margin-bottom: var(--space-xl)}.gallery-section-body{overflow: hidden;word-wrap: break-word;overflow-wrap: break-word}.gallery-section-name{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.gallery-section-desc{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden}.nav-item-has-children.nav-menu-dismissed > .mega-menu, .nav-item-has-children.nav-menu-dismissed:hover > .mega-menu, .nav-item-has-children.nav-menu-dismissed:focus-within > .mega-menu{opacity: 0;visibility: hidden;pointer-events: none}.gallery-item--video{position: relative}.gallery-item-play{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 56px;height: 56px;border-radius: 50%;display: flex;align-items: center;justify-content: center;background: rgba(10, 21, 38, 0.55);color: #fff;font-size: 1.1rem;z-index: 2;pointer-events: none;backdrop-filter: blur(2px);transition: background 0.2s ease, transform 0.2s ease}.gallery-item-play i{transform: translateX(2px)}.gallery-item--video:hover .gallery-item-play{background: var(--color-primary, #0E5AA7);transform: translate(-50%, -50%) scale(1.08)}.gallery-item-duration{position: absolute;right: 0.5rem;bottom: 0.5rem;padding: 0.1rem 0.4rem;border-radius: 4px;background: rgba(10, 21, 38, 0.75);color: #fff;font-size: 0.7rem;font-variant-numeric: tabular-nums;letter-spacing: 0.02em;z-index: 2;pointer-events: none}.gallery-item--video:has(.gallery-item-caption) .gallery-item-duration{bottom: 2.25rem}.lightbox-video{position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;z-index: 2}.lightbox-video video, .lightbox-video iframe{max-width: 100%;max-height: 100%;width: auto;height: auto;border: 0;border-radius: var(--radius-md, 8px);background: #000}.lightbox-video iframe{width: min(90vw, 1280px);aspect-ratio: 16 / 9;height: auto}@media (prefers-reduced-motion: reduce){.gallery-item-play, .gallery-item--video:hover .gallery-item-play{transition: none;transform: translate(-50%, -50%)}}.promo-overlay{position: fixed;inset: 0;z-index: 9000;display: flex;align-items: center;justify-content: center;padding: var(--space-lg, 1.5rem);background: rgba(6, 14, 26, 0.6);opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease}.promo-overlay.active{opacity: 1;visibility: visible}.promo-dialog{--promo-pad: var(--space-xl, 2rem);position: relative;width: 100%;max-width: 460px;max-height: 90vh;max-height: 90svh;overflow-y: auto;background: var(--color-surface, #fff);border: 1px solid var(--color-border, #ddd);border-radius: var(--radius-lg, 12px);box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);padding: var(--promo-pad);text-align: center;transform: translateY(16px) scale(0.98);transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1)}.promo-overlay.active .promo-dialog{transform: none}.promo-dialog--sm{max-width: 360px}.promo-dialog--md{max-width: 460px}.promo-dialog--lg{max-width: 720px}.promo-dialog--xl{max-width: 960px}@media (min-width: 720px){.promo-dialog--lg, .promo-dialog--xl{--promo-pad: var(--space-2xl, 3rem)}}.promo-close{position: absolute;top: 0.5rem;right: 0.5rem;z-index: 2;width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;border: 0;border-radius: 50%;background: rgba(255, 255, 255, 0.88);color: #16202e;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);font-size: 1.5rem;line-height: 1;cursor: pointer;transition: background 0.15s ease, color 0.15s ease}.promo-close-icon{display: block;width: 0.9rem;height: 0.9rem;fill: none;stroke: currentColor;stroke-width: 2.2;stroke-linecap: round}.promo-close:hover, .promo-close:focus-visible{background: #fff;color: #000}[data-theme="dark"] .promo-close{background: rgba(20, 28, 40, 0.88);color: #e9f1f9;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5)}[data-theme="dark"] .promo-close:hover, [data-theme="dark"] .promo-close:focus-visible{background: #1c2634;color: #fff}.promo-badge{display: inline-block;margin-bottom: var(--space-sm, 0.75rem);padding: 0.25rem 0.7rem;border-radius: var(--radius-sm, 6px);background: var(--color-accent, #e4322b);color: #fff;font-size: 0.7rem;font-weight: 700;letter-spacing: 0.08em;text-transform: uppercase}.promo-media{position: relative;margin: calc(var(--promo-pad) * -1) calc(var(--promo-pad) * -1) var(--space-lg, 1.5rem);border-radius: var(--radius-lg, 12px) var(--radius-lg, 12px) 0 0;overflow: hidden;line-height: 0}.promo-image{width: 100%;max-height: 240px;object-fit: cover;display: block}.promo-media .promo-badge{position: absolute;top: var(--space-md, 1rem);left: var(--space-md, 1rem);margin: 0;line-height: 1.4}.promo-title{font-size: var(--fs-xl, 1.4rem);margin: 0 0 var(--space-xs, 0.5rem)}.promo-subtitle{color: var(--color-text-secondary, #445);margin: 0 0 var(--space-sm, 0.75rem)}.promo-text{color: var(--color-text-secondary, #445);line-height: 1.6;margin-bottom: var(--space-lg, 1.5rem)}.promo-text > *:last-child{margin-bottom: 0}.promo-cta{display: inline-block;padding: 0.8rem 1.6rem;border-radius: var(--radius-sm, 6px);background: var(--color-primary, #0e5aa7);color: #fff;font-weight: 700;text-decoration: none;transition: background 0.15s ease, transform 0.15s ease}.promo-cta:hover{background: var(--color-primary-dark, #0a3f76);color: #fff;transform: translateY(-1px)}@media (prefers-reduced-motion: reduce){.promo-overlay, .promo-dialog, .promo-cta{transition: none}.promo-dialog{transform: none}}.eshop-lightbox{position: fixed;inset: 0;background: radial-gradient(ellipse at center, rgba(10, 18, 10, 0.94) 0%, rgba(0, 0, 0, 0.98) 100%);z-index: 10000;display: grid;grid-template-rows: auto 1fr auto;animation: eshopFadeIn 0.25s ease;backdrop-filter: blur(6px);-webkit-backdrop-filter: blur(6px);user-select: none;-webkit-user-select: none;color: #fff}@keyframes eshopFadeIn{from{opacity: 0}to{opacity: 1}}.eshop-lightbox-toolbar{display: flex;justify-content: space-between;align-items: center;padding: 16px 20px;gap: 1rem}.eshop-lightbox-toolbar-left, .eshop-lightbox-toolbar-right{display: flex;align-items: center;gap: 0.4rem}.eshop-lightbox-counter{color: #fff;font-size: 0.9rem;background: rgba(255, 255, 255, 0.08);padding: 0.35rem 0.8rem;border-radius: 999px;font-weight: 600}.eshop-lightbox-zoom-label{min-width: 48px;text-align: center;color: rgba(255, 255, 255, 0.85);font-size: 0.85rem;font-weight: 600;padding: 0 0.25rem}.eshop-lightbox-btn, .eshop-lightbox-close{background: rgba(255, 255, 255, 0.1);border: 0;color: #fff;width: 42px;height: 42px;border-radius: 50%;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;font-size: 1rem;transition: background 0.15s ease, transform 0.15s ease;text-decoration: none}.eshop-lightbox-btn:hover, .eshop-lightbox-close:hover{background: rgba(255, 255, 255, 0.22);color: #fff;transform: scale(1.06)}.eshop-lightbox-close{background: rgba(230, 57, 70, 0.6)}.eshop-lightbox-close:hover{background: rgba(230, 57, 70, 0.9)}.eshop-lightbox-stage{display: flex;align-items: center;justify-content: center;position: relative;padding: 0 80px;min-height: 0;overflow: hidden}.eshop-lightbox-img-wrap{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;cursor: zoom-in}.eshop-lightbox-img-wrap:has(.is-zoomed){cursor: grab}.eshop-lightbox-img-wrap:has(.is-dragging){cursor: grabbing}.eshop-lightbox-img{max-width: 100%;max-height: 100%;object-fit: contain;transform-origin: center center;transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);will-change: transform;pointer-events: auto;-webkit-user-drag: none}.eshop-lightbox-img.is-dragging{transition: none}.eshop-lightbox-prev, .eshop-lightbox-next{position: absolute;top: 50%;transform: translateY(-50%);width: 52px;height: 52px;border-radius: 50%;background: rgba(255, 255, 255, 0.12);border: 0;color: #fff;cursor: pointer;display: flex;align-items: center;justify-content: center;font-size: 1.25rem;transition: background 0.15s ease, transform 0.15s ease;z-index: 2}.eshop-lightbox-prev{left: 20px}.eshop-lightbox-next{right: 20px}.eshop-lightbox-prev:hover{background: rgba(255, 255, 255, 0.25);transform: translateY(-50%) translateX(-3px)}.eshop-lightbox-next:hover{background: rgba(255, 255, 255, 0.25);transform: translateY(-50%) translateX(3px)}.eshop-lightbox-thumbs{display: flex;gap: 0.5rem;padding: 16px 20px;overflow-x: auto;overflow-y: hidden;scrollbar-width: thin;scrollbar-color: rgba(255, 255, 255, 0.25) transparent;justify-content: center;max-width: 100%}.eshop-lightbox-thumbs::-webkit-scrollbar{height: 6px}.eshop-lightbox-thumbs::-webkit-scrollbar-thumb{background: rgba(255, 255, 255, 0.25);border-radius: 999px}.eshop-lightbox-thumb{flex: 0 0 auto;width: 68px;height: 68px;border: 2px solid rgba(255, 255, 255, 0.15);border-radius: 6px;background: rgba(255, 255, 255, 0.06);padding: 0;cursor: pointer;overflow: hidden;transition: border-color 0.15s ease, transform 0.15s ease, opacity 0.15s ease;opacity: 0.65}.eshop-lightbox-thumb img{width: 100%;height: 100%;object-fit: cover;display: block}.eshop-lightbox-thumb:hover{opacity: 1;transform: translateY(-2px);border-color: rgba(255, 255, 255, 0.5)}.eshop-lightbox-thumb.active{opacity: 1;border-color: var(--color-accent);box-shadow: 0 0 0 1px var(--color-accent)}@media (max-width: 700px){.eshop-lightbox-toolbar{padding: 10px;gap: 0.4rem;flex-wrap: wrap}.eshop-lightbox-btn, .eshop-lightbox-close{width: 36px;height: 36px;font-size: 0.9rem}.eshop-lightbox-zoom-label{min-width: auto;font-size: 0.75rem}.eshop-lightbox-stage{padding: 0 12px}.eshop-lightbox-prev, .eshop-lightbox-next{width: 40px;height: 40px;font-size: 1rem}.eshop-lightbox-prev{left: 6px}.eshop-lightbox-next{right: 6px}.eshop-lightbox-thumbs{padding: 10px}.eshop-lightbox-thumb{width: 56px;height: 56px}}[data-theme="light"] .theme-toggle .theme-icon-light, [data-theme="dark"] .theme-toggle .theme-icon-dark, [data-theme="light"] .mobile-theme-btn .theme-icon-light, [data-theme="dark"] .mobile-theme-btn .theme-icon-dark{display: none}.plp-sort select{padding: 0.5rem 2rem 0.5rem 0.75rem;border: 1px solid var(--color-border);border-radius: var(--radius-md);font-size: var(--text-sm);background: var(--color-surface);color: var(--color-text);cursor: pointer}.pdp-variant-label .selected-value{font-weight: 400;color: var(--color-text-muted)}@media (max-width: 768px){.pdp-secondary-btn{flex: 1 1 calc(50% - 0.25rem);min-width: 0}.pdp-secondary-btn span{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}}@media (max-width: 380px){.pdp-secondary-btn{flex: 1 1 100%}}.account-layout{display: grid;grid-template-columns: 260px 1fr;gap: var(--space-xl);max-width: var(--container-max, 1280px);margin: 0 auto;padding: var(--space-xl) var(--space-md)}.account-sidebar{position: sticky;top: 90px;align-self: start}.account-nav-item{display: flex;align-items: center;gap: 0.75rem;padding: 0.65rem 0.85rem;border-radius: var(--radius-md);color: var(--color-text);text-decoration: none;font-size: var(--text-sm);background: transparent;border: none;text-align: left;cursor: pointer;width: 100%;transition: background-color 0.15s ease, color 0.15s ease}.account-nav-item i{width: 20px;text-align: center;flex-shrink: 0}.account-nav-item:hover{background: var(--color-bg-alt)}.account-nav-item.active{background: rgba(var(--color-primary-rgb), 0.10);color: var(--color-primary);font-weight: 600}.account-content{min-width: 0}@media (max-width: 920px){.account-layout{grid-template-columns: 1fr;gap: var(--space-md);padding: var(--space-md)}.account-sidebar{position: static}}.filter-price-content{padding-bottom: 1rem}.price-range-track{position: absolute;top: 50%;left: 12px;right: 12px;transform: translateY(-50%);height: 6px;background: var(--color-border);border-radius: 999px}.price-range-fill{position: absolute;top: 50%;transform: translateY(-50%);height: 6px;background: linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius: 999px;pointer-events: none;box-shadow: 0 1px 3px rgba(var(--color-primary-rgb), 0.25)}.price-range-input{flex: 1;background: var(--color-surface);padding: 0.55rem 0.85rem;border-radius: 10px;border: 1px solid var(--color-border);transition: border-color 0.2s ease}.price-range-input:hover{border-color: var(--color-border-strong)}.price-range-input label{display: block;font-size: 0.6875rem;text-transform: uppercase;letter-spacing: 0.1em;color: var(--color-text-muted);font-weight: 700;margin-bottom: 0.15rem}.price-range-input span{display: block;font-family: var(--font-heading);font-weight: 800;font-size: 0.9375rem;color: var(--color-primary);letter-spacing: -0.01em}.plp-mobile-filters-count{display: inline-flex;align-items: center;justify-content: center;min-width: 1.25rem;height: 1.25rem;padding: 0 0.375rem;margin-left: 0.25rem;background: var(--color-cta);color: #fff;border-radius: 9999px;font-size: 0.7rem;font-weight: 700;line-height: 1}.plp-mobile-filters-count[hidden]{display: none}.plp-mobile-filters-btn.has-active .plp-mobile-filters-count{background: var(--color-surface);color: var(--color-primary)}.plp-usp-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-xl)}.plp-usp-item{display: flex;gap: var(--space-sm);align-items: center}.plp-usp-item i{color: var(--color-accent);font-size: 1.75rem}.plp-usp-item strong{display: block;font-family: var(--font-heading);font-weight: 700;margin-bottom: 0.1rem;font-size: 0.9375rem}.plp-usp-item span{font-size: 0.8125rem;color: var(--color-text-muted)}@media (max-width: 920px){.plp-usp-grid{grid-template-columns: 1fr}}.pdp-variant-label .selected-value{font-weight: 400;color: var(--color-text-muted)}.pdp-secondary-btn{flex: 1;display: flex;align-items: center;justify-content: center;gap: 0.4rem;padding: 0.75rem;background: none;border: 1px solid var(--color-border);border-radius: var(--radius-sm);cursor: pointer;color: var(--color-text);font-size: var(--text-sm);transition: all 0.15s ease}.pdp-secondary-btn:hover{border-color: var(--color-primary);color: var(--color-primary)}.pdp-secondary-btn.active{border-color: var(--color-cta);color: var(--color-cta);background: rgba(230,57,70,0.05)}.pdp-secondary-btn.active i{font-weight: 900}.btn, .btn-primary, .btn-outline, .btn-cta-gold, .product-card-action, .pdp-secondary-btn, .filter-size, .filter-color, .filter-brand-tile, .filter-toggle, .plp-view-btn, .plp-clear-all, .carousel-arrow, .mini-cart-remove, .cart-row-remove{transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease !important}.cart-heading{margin-bottom: var(--space-lg)}.cart-items-count{font-weight: 400;color: var(--color-text-muted);font-size: 0.8em}.cart-items-wrapper{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-lg);overflow: hidden}.cart-continue{margin-top: var(--space-md)}.cart-summary-lines{border-top: 1px solid var(--color-border);padding-top: var(--space-md)}.cart-trust-item{text-align: center;font-size: var(--text-xs);color: var(--color-text-muted);display: flex;flex-direction: column;align-items: center;gap: 0.25rem}.cart-trust-item i{font-size: 1rem;color: var(--color-text-muted)}.cart-payment-icons{margin-top: var(--space-md);padding-top: var(--space-md);border-top: 1px solid var(--color-border);text-align: center}.cart-payment-label{font-size: var(--text-xs);color: var(--color-text-muted);margin-bottom: 0.5rem;display: block}.order-detail-actions{display: flex;flex-wrap: wrap;gap: 0.5rem;align-items: center}.order-detail-actions[hidden]{display: none}[data-theme="dark"] .product-card, [data-theme="dark"] .why-us-card, [data-theme="dark"] .blog-card, [data-theme="dark"] .review-card, [data-theme="dark"] .brand-tile, [data-theme="dark"] .brand-card, [data-theme="dark"] .mini-cart-drawer, [data-theme="dark"] .quick-view-modal, [data-theme="dark"] .size-guide-modal, [data-theme="dark"] .plp-filters, [data-theme="dark"] .cart-summary, [data-theme="dark"] .cart-items-wrapper, [data-theme="dark"] .checkout-section, [data-theme="dark"] .shipping-option, [data-theme="dark"] .category-card, [data-theme="dark"] .pagination-btn, [data-theme="dark"] .filter-size, [data-theme="dark"] .plp-view-toggle, [data-theme="dark"] .plp-sort-select{background: var(--color-surface);color: var(--color-text);border-color: var(--color-border)}[data-theme="dark"] .pdp-secondary-btn.active{border-color: var(--color-cta) !important;color: var(--color-cta-light) !important;background: rgba(239, 68, 68, 0.1) !important}[data-theme="dark"] .price-range-input{background: var(--color-bg-alt)}[data-theme="dark"] .price-range-input label{color: var(--color-text-muted)}[data-theme="dark"] .price-range-input span{color: var(--color-text)}.pdp-thumbnail{width: 72px;height: 72px;border-radius: var(--radius-sm);overflow: hidden;cursor: pointer;border: 2px solid transparent;transition: border-color 0.15s ease;flex-shrink: 0}.pdp-thumbnail.active, .pdp-thumbnail:hover{border-color: var(--color-primary)}.pdp-thumbnail img{width: 100%;height: 100%;object-fit: cover}.pdp-price.sale{color: var(--color-price-sale)}.cart-item-image{width: 80px;height: 80px;border-radius: var(--radius-md);overflow: hidden;background: var(--color-bg-alt)}.cart-item-image img{width: 100%;height: 100%;object-fit: cover}.cart-item-name{font-weight: 600;font-size: var(--text-sm)}.cart-item-variant{font-size: var(--text-xs);color: var(--color-text-muted)}.cart-item-price{font-weight: 600;white-space: nowrap}.cart-item-remove{background: none;border: none;color: var(--color-text-muted);cursor: pointer;padding: 0.5rem;font-size: 1rem;transition: color 0.15s ease}.cart-item-remove:hover{color: var(--color-error)}.shipping-option-icon{font-size: 1.5rem;color: var(--color-primary);width: 40px;text-align: center}.shipping-option-info{flex: 1}.shipping-option-name{font-weight: 600;font-size: var(--text-sm)}.shipping-option-desc{font-size: var(--text-xs);color: var(--color-text-muted)}.shipping-option-price{font-weight: 700;white-space: nowrap}.account-rma-item{margin-bottom: 0.5rem}.account-rma-toggle{display: flex;align-items: center;gap: var(--space-md);width: 100%;padding: 0.875rem var(--space-md);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);cursor: pointer;text-align: left;color: inherit;font: inherit;transition: background 0.15s ease, border-color 0.15s ease}.account-rma-toggle:hover{background: var(--color-bg-alt);border-color: var(--color-border-strong, var(--color-primary))}.account-rma-toggle:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}.account-rma-meta{display: flex;flex-direction: column;gap: 0.15rem;flex: 1;min-width: 0}.account-rma-number{font-weight: 700;color: var(--color-text)}.account-rma-date{font-size: var(--text-xs);color: var(--color-text-muted)}.account-rma-order{font-size: var(--text-sm);color: var(--color-text-muted);white-space: nowrap;flex-shrink: 0}.account-rma-chevron{color: var(--color-text-muted);font-size: 0.875rem;transition: transform 0.25s cubic-bezier(0.33, 1, 0.68, 1);flex-shrink: 0}.account-rma-item.is-open .account-rma-chevron{transform: rotate(180deg);color: var(--color-primary)}.account-rma-item.is-open .account-rma-toggle{border-color: var(--color-primary);border-bottom-color: transparent;border-radius: var(--radius-md) var(--radius-md) 0 0;background: var(--color-bg-alt)}.account-rma-detail{padding: 1.25rem var(--space-md);background: var(--color-bg-alt);border: 1px solid var(--color-primary);border-top: none;border-radius: 0 0 var(--radius-md) var(--radius-md);margin-top: -1px}@media (max-width: 640px){.account-rma-toggle{flex-wrap: wrap;gap: 0.5rem var(--space-md)}.account-rma-meta{flex: 1 0 100%;order: 0}.account-rma-order{order: 2;margin-left: auto}.account-rma-chevron{order: 3}}.account-order-row{display: grid;grid-template-columns: 1fr auto auto;gap: var(--space-md);align-items: center;padding: 0.75rem var(--space-md);border: 1px solid var(--color-border);border-radius: var(--radius-md);margin-bottom: 0.5rem;text-decoration: none;color: inherit;transition: background 0.15s ease, transform 0.15s ease}.account-order-row:hover{background: var(--color-bg-alt);transform: translateX(2px)}.account-order-meta{display: flex;flex-direction: column;gap: 0.15rem;min-width: 0}.account-order-date{font-size: var(--text-xs);color: var(--color-text-muted)}.account-order-total{font-weight: 700}@media (max-width: 540px){.account-order-row{grid-template-columns: 1fr auto;row-gap: 0.25rem}.account-order-status{grid-column: 2;grid-row: 1}.account-order-total{grid-column: 1 / -1;text-align: right}}@media (max-width: 920px){.account-order-row{grid-template-columns: 1fr auto;row-gap: 0.4rem}.account-order-status{grid-column: 2;grid-row: 1;align-self: start}.account-order-total{grid-column: 1 / -1;text-align: right;font-size: var(--text-base)}}.hero-dot{width: 10px;height: 10px;box-sizing: content-box;border-radius: 50%;background-clip: padding-box;border: 7px solid transparent;box-shadow: inset 0 0 0 1px rgba(255,255,255,0.8);background-color: transparent;padding: 0;cursor: pointer;transition: all 0.2s ease}.hero-dot.active{background-color: #fff;width: 30px;border-radius: 999px;box-shadow: inset 0 0 0 1px #fff}.countdown-timer .cd-unit{display: flex;flex-direction: column;align-items: center;min-width: 72px;padding: 0.5rem}.countdown-timer .cd-unit strong{font-family: var(--font-heading);font-size: 1.75rem;font-weight: 800;color: var(--color-cta);line-height: 1}.countdown-timer .cd-unit small{font-size: 0.7rem;text-transform: uppercase;letter-spacing: 0.1em;color: var(--color-text-muted);margin-top: 0.35rem}.countdown-expired{color: var(--color-text-muted);font-style: italic}.brand-tile-name{font-family: var(--font-heading);font-weight: 700;color: var(--color-text);letter-spacing: 0.05em}.blog-card-image{aspect-ratio: 16 / 9;background: var(--color-bg-alt);overflow: hidden}.blog-card-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease}.blog-card:hover .blog-card-image img{transform: scale(1.05)}.blog-card-body{padding: var(--space-lg)}.blog-card-date{font-size: var(--text-xs);color: var(--color-text-muted);margin-bottom: 0.5rem}.blog-card-title{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-lg);line-height: 1.35;margin: 0 0 0.5rem;color: var(--color-text)}.blog-card-excerpt{color: var(--color-text-muted);font-size: var(--text-sm);line-height: 1.6;margin: 0 0 var(--space-sm)}.blog-card-more{color: var(--color-primary);font-size: var(--text-sm);font-weight: 600;display: inline-flex;align-items: center;gap: 0.35rem}.blog-card-more i{transition: transform 0.2s ease}.blog-card:hover .blog-card-more i{transform: translateX(4px)}.review-card-header{display: flex;gap: var(--space-sm);align-items: center}.review-avatar{width: 44px;height: 44px;border-radius: 50%;background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color: #fff;display: flex;align-items: center;justify-content: center;font-weight: 700;font-family: var(--font-heading);font-size: var(--text-lg)}.review-author{font-weight: 600;font-size: var(--text-sm);color: var(--color-text)}.review-verified{color: var(--color-success);font-size: 0.8em;margin-left: 0.25rem}.review-meta{display: flex;gap: 0.5rem;align-items: center;font-size: var(--text-xs);color: var(--color-text-muted)}.review-date::before{content: '·';margin-right: 0.5rem}.review-text{color: var(--color-text);line-height: 1.7;margin: 0;font-size: var(--text-sm)}.rating-stars{color: var(--color-warning);display: inline-flex;gap: 0.1rem}.product-badge--attr{background: var(--color-primary);display: inline-flex;align-items: center;gap: 0.2rem}.product-badge--attr img{display: inline-block}.product-card-brand{font-size: 0.7rem;text-transform: uppercase;letter-spacing: 0.1em;font-weight: 600;color: var(--color-text-muted);margin-bottom: 0.25rem}.product-card-rating{display: flex;align-items: center;gap: 0.4rem;font-size: 0.85rem;margin-bottom: 0.5rem}.product-price-current.sale{color: var(--color-cta);position: relative;padding-right: 0.35rem}.mini-cart-loading{text-align: center;padding: var(--space-2xl);color: var(--color-text-muted);font-size: 2rem}.mini-cart-item{display: grid;grid-template-columns: 60px 1fr auto;gap: var(--space-sm);padding: var(--space-sm) 0;border-bottom: 1px solid var(--color-border);align-items: center}.mini-cart-item:last-child{border-bottom: none}.mini-cart-item-image{width: 60px;height: 60px;border-radius: var(--radius-sm);overflow: hidden;background: var(--color-bg-alt)}.mini-cart-item-image img{width: 100%;height: 100%;object-fit: cover}.mini-cart-item-name{font-size: var(--text-sm);font-weight: 600;line-height: 1.3;margin-bottom: 0.25rem}.mini-cart-item-variant{font-size: 0.7rem;color: var(--color-text-muted);margin-bottom: 0.5rem}.mini-cart-item-controls{display: flex;justify-content: space-between;align-items: center}.mini-cart-item-price{font-weight: 700;font-family: var(--font-heading);font-size: var(--text-sm)}.mini-cart-item-remove{background: none;border: none;color: var(--color-text-faint);cursor: pointer;width: 28px;height: 28px;border-radius: 50%;transition: all 0.15s ease}.mini-cart-item-remove:hover{background: rgba(239,68,68,0.1);color: var(--color-error)}.mini-cart-total{display: flex;justify-content: space-between;align-items: baseline;font-size: var(--text-lg);margin-bottom: var(--space-md)}.mini-cart-total strong{font-family: var(--font-heading);font-size: var(--text-xl)}.mini-cart-actions{display: flex;gap: var(--space-sm)}.mini-cart-actions .btn{flex: 1;justify-content: center}.free-shipping-progress{margin-bottom: var(--space-md)}.free-shipping-text{font-size: var(--text-xs);color: var(--color-text-muted);margin-bottom: 0.375rem;text-align: center}.free-shipping-text strong{color: var(--color-primary)}.free-shipping-bar{height: 6px;background: var(--color-border);border-radius: 999px;overflow: hidden}.free-shipping-bar-fill{height: 100%;background: linear-gradient(90deg, var(--color-accent), var(--color-primary));transition: width 0.4s ease}.free-shipping-achieved{padding: 0.5rem;background: rgba(34,197,94,0.1);color: var(--color-success);font-size: var(--text-xs);font-weight: 600;border-radius: var(--radius-sm);text-align: center;margin-bottom: var(--space-md)}.reservation-banner{display: flex;align-items: center;gap: 0.5rem;padding: 0.55rem 0.75rem;margin-bottom: var(--space-md);background: rgba(var(--color-accent-rgb), 0.10);border: 1px solid rgba(var(--color-accent-rgb), 0.25);border-radius: var(--radius-sm);color: var(--color-text);font-size: var(--text-xs)}.reservation-banner i{color: var(--color-accent, var(--color-accent))}.reservation-banner-text strong{font-variant-numeric: tabular-nums;color: var(--color-accent, var(--color-accent));font-weight: 700;margin-left: 0.15rem}.quantity-selector--sm{border-radius: var(--radius-sm);height: 28px}.quantity-selector--sm button{width: 24px;font-size: 0.85rem}.quantity-selector--sm span{min-width: 24px;text-align: center;font-size: var(--text-sm);font-weight: 600}.filter-options{display: flex;flex-direction: row;flex-wrap: wrap;gap: 0.375rem;padding-bottom: 0.75rem}.cat-tree-row{display: flex;align-items: center;gap: 0.25rem;padding: 0.3rem 0;border-radius: 6px;transition: background 0.15s ease}.cat-tree-row:hover{background: var(--color-bg-alt)}.cat-tree-row.checked{background: var(--color-bg-alt)}.cat-tree-row--lvl0 .cat-tree-label{font-weight: 600;font-size: 0.875rem}.cat-tree-row--lvl1 .cat-tree-label{font-size: 0.8125rem}.cat-tree-row--lvl2 .cat-tree-label{font-size: 0.8125rem;color: var(--color-text-muted)}.cat-tree-row--lvl3 .cat-tree-label{font-size: 0.75rem;color: var(--color-text-muted)}.cat-tree-toggle{width: 22px;height: 22px;padding: 0;border: none;background: transparent;border-radius: 4px;display: inline-flex;align-items: center;justify-content: center;color: var(--color-text-muted);font-size: 0.6875rem;cursor: pointer;flex-shrink: 0;transition: background 0.15s ease, color 0.15s ease}.cat-tree-toggle:hover{background: var(--color-border);color: var(--color-text)}.cat-tree-toggle i{transition: transform 0.2s ease}.cat-tree-toggle.expanded i{transform: rotate(90deg)}.cat-tree-spacer{display: inline-block;width: 22px;height: 22px;flex-shrink: 0}.cat-tree-label{display: flex;align-items: center;gap: 0.5rem;flex: 1;min-width: 0;padding: 0.15rem 0.4rem;cursor: pointer;user-select: none;border-radius: 4px;position: relative}.cat-tree-label input{position: absolute;opacity: 0;pointer-events: none}.cat-tree-label::before{content: '';width: 14px;height: 14px;border: 2px solid var(--color-border-strong);border-radius: 50%;flex-shrink: 0;transition: all 0.15s ease}.cat-tree-row.checked .cat-tree-label::before, .cat-tree-label:has(input:checked)::before{border-color: var(--color-accent);border-width: 4px}.cat-tree-name{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.cat-tree-count{margin-left: auto;font-size: 0.7rem;color: var(--color-text-muted);background: var(--color-bg-alt);padding: 0.1rem 0.45rem;border-radius: 999px;font-weight: 500;flex-shrink: 0}.cat-tree-row.checked .cat-tree-count, .cat-tree-row:has(input:checked) .cat-tree-count{background: var(--color-accent-100, rgba(var(--color-accent-rgb), 0.15));color: var(--color-accent-dark, var(--color-accent-dark))}.cat-tree-children{height: 0;overflow: hidden;opacity: 0;margin-left: 10px;padding-left: 2px;border-left: 1px dashed var(--color-border);transition: height 0.35s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.28s cubic-bezier(0.33, 1, 0.68, 1);will-change: height}.cat-tree-children.expanded{opacity: 1}.filter-brand-tile .filter-brand-initial{width: 100%;height: 100%;border-radius: 0;background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color: #fff;display: flex;align-items: center;justify-content: center;font-family: var(--font-heading);font-weight: 800;font-size: 1.5rem}.filter-brand-tile .filter-brand-count{position: absolute;bottom: 3px;right: 3px;background: rgba(0, 0, 0, 0.75);color: #fff;font-size: 0.65rem;font-weight: 600;padding: 0.1rem 0.35rem;border-radius: 999px;line-height: 1;backdrop-filter: blur(4px)}.filter-attr-group{}.filter-chip-list{display: flex;flex-wrap: wrap;gap: 0.375rem;padding: 2px 1px 1rem}.filter-chip{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.75rem;border: 1px solid var(--color-border);background: var(--color-surface);border-radius: 999px;font-size: 0.8125rem;font-weight: 500;cursor: pointer;transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;color: var(--color-text);font-family: inherit;line-height: 1.2;white-space: nowrap}.filter-chip:hover:not(.active){background: rgba(var(--color-primary-rgb), 0.08);border-color: rgba(var(--color-primary-rgb), 0.4);color: var(--color-primary)}.filter-chip.active{background: var(--color-primary);color: #fff;border-color: var(--color-primary);font-weight: 700;box-shadow: 0 2px 8px rgba(var(--color-primary-rgb), 0.25)}.filter-chip-count{display: inline-flex;align-items: center;justify-content: center;min-width: 1.4rem;height: 1.15rem;padding: 0 0.35rem;border-radius: 999px;background: var(--color-bg-alt, #f3f4f6);color: var(--color-text-muted, #6b7280);font-size: 0.7rem;font-weight: 600}.filter-chip.active .filter-chip-count{background: rgba(255,255,255,0.25);color: #fff}.filter-image-tiles{display: grid;grid-template-columns: repeat(auto-fill, minmax(78px, 1fr));gap: 0.5rem;padding: 3px 2px 0.75rem}.filter-image-tile{position: relative;display: flex;flex-direction: column;align-items: center;gap: 0.25rem;padding: 0.35rem;border: 1px solid var(--color-border);border-radius: 6px;background: var(--color-surface);cursor: pointer;transition: all 0.15s ease;text-align: center}.filter-image-tile img{width: 48px;height: 48px;object-fit: contain;border-radius: 4px}.filter-image-initial{width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;background: var(--color-bg-alt);border-radius: 4px;font-weight: 700;color: var(--color-text-muted)}.filter-image-name{font-size: 0.72rem;font-weight: 500;line-height: 1.1;color: var(--color-text)}.filter-image-count{position: absolute;top: 2px;right: 2px;font-size: 0.65rem;background: var(--color-bg-alt);color: var(--color-text-muted);padding: 1px 5px;border-radius: 999px}.filter-image-tile:hover{border-color: var(--color-text);transform: translateY(-1px)}.filter-image-tile.checked{border-color: var(--color-primary);box-shadow: 0 0 0 2px var(--color-primary)}.filter-checkbox-list{display: flex;flex-direction: column;gap: 0.15rem;padding-bottom: 0.75rem}.filter-checkbox-row{display: flex;align-items: center;gap: 0.65rem;padding: 0.45rem 0.55rem;border-radius: 6px;cursor: pointer;font-size: 0.875rem;transition: background 0.18s ease, color 0.18s ease;user-select: none}.filter-checkbox-row:hover{background: rgba(var(--color-primary-rgb), 0.06);color: var(--color-primary)}.filter-checkbox-row input[type="checkbox"]{position: absolute;opacity: 0;pointer-events: none;width: 0;height: 0}.filter-checkbox-row::before{content: '';width: 18px;height: 18px;flex-shrink: 0;border: 2px solid var(--color-border-strong);border-radius: 4px;background: var(--color-surface);transition: background 0.18s ease, border-color 0.18s ease;display: inline-flex;align-items: center;justify-content: center}.filter-checkbox-row:has(input:checked)::before{background: var(--color-primary);border-color: var(--color-primary);background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8 L7 12 L13 4'/></svg>");background-size: 14px 14px;background-repeat: no-repeat;background-position: center}.filter-checkbox-row:hover::before{border-color: var(--color-primary)}.filter-checkbox-row:has(input:checked){color: var(--color-primary);font-weight: 600}.filter-checkbox-label{flex: 1}.filter-checkbox-count{font-size: 0.75rem;color: var(--color-text-muted);background: var(--color-bg-alt);padding: 2px 8px;border-radius: 999px;font-weight: 600;flex-shrink: 0}.filter-checkbox-row:has(input:checked) .filter-checkbox-count{background: var(--color-primary);color: #fff}.filter-dropdown-wrap{padding-bottom: 0.5rem}.filter-dropdown{width: 100%;font-size: 0.85rem}.filter-group-hint{font-size: 0.75rem;color: var(--color-text-muted);padding: 0.25rem 0.5rem 0.5rem;line-height: 1.35;font-style: italic}.filter-tree{padding: 2px 0 0.75rem;display: flex;flex-direction: column;gap: 2px}.val-tree-row{display: flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.5rem;border-radius: 6px;transition: background 0.18s ease, color 0.18s ease;cursor: default}.val-tree-row:hover{background: rgba(var(--color-primary-rgb), 0.06);color: var(--color-primary)}.val-tree-row.checked{background: rgba(var(--color-primary-rgb), 0.1);color: var(--color-primary);font-weight: 600}.val-tree-toggle{flex-shrink: 0;background: none;border: none;cursor: pointer;color: var(--color-text-muted);padding: 2px;width: 20px;height: 20px;border-radius: 4px;display: inline-flex;align-items: center;justify-content: center;font-size: 0.7rem;transition: transform 0.22s cubic-bezier(0.33, 1, 0.68, 1), background 0.18s ease, color 0.18s ease}.val-tree-toggle:hover{background: rgba(var(--color-primary-rgb), 0.1);color: var(--color-primary)}.val-tree-toggle.expanded{transform: rotate(90deg)}.val-tree-spacer{width: 20px;display: inline-block;flex-shrink: 0}.val-tree-label{flex: 1;display: flex;align-items: center;gap: 0.55rem;cursor: pointer;font-size: 0.875rem;min-width: 0;user-select: none}.val-tree-label input[type="checkbox"]{position: absolute;opacity: 0;pointer-events: none;width: 0;height: 0}.val-tree-label::before{content: '';width: 18px;height: 18px;flex-shrink: 0;border: 2px solid var(--color-border-strong);border-radius: 4px;background: var(--color-surface);transition: background 0.18s ease, border-color 0.18s ease}.val-tree-label:has(input:checked)::before, .val-tree-row.checked .val-tree-label::before{background: var(--color-primary) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='M3 8 L7 12 L13 4'/></svg>") center/14px 14px no-repeat;border-color: var(--color-primary)}.val-tree-label:hover::before{border-color: var(--color-primary)}.val-tree-name{flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.val-tree-count{font-size: 0.7rem;color: var(--color-text-muted);background: var(--color-bg-alt);padding: 2px 8px;border-radius: 999px;flex-shrink: 0;font-weight: 600;transition: background 0.18s ease, color 0.18s ease}.val-tree-row.checked .val-tree-count{background: var(--color-primary);color: #fff}.val-tree-children{max-height: 0;overflow: hidden;opacity: 0;transition: max-height 0.32s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.22s ease}.val-tree-children.expanded{max-height: 2400px;opacity: 1}.filter-colors{display: flex;flex-wrap: wrap;gap: 0.5rem;padding-bottom: 0.75rem}.active-filter-tag{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.3rem 0.25rem 0.3rem 0.65rem;background: var(--color-primary);color: #fff;border-radius: 999px;font-size: 0.75rem;font-weight: 500}.active-filter-tag button{background: rgba(255, 255, 255, 0.15);border: none;color: inherit;cursor: pointer;font-size: 0.9em;line-height: 1;padding: 0;width: 18px;height: 18px;border-radius: 50%;display: inline-flex;align-items: center;justify-content: center;transition: background 0.15s ease}.active-filter-tag button:hover{background: rgba(255, 255, 255, 0.3)}.products-empty{grid-column: 1/-1;text-align: center;padding: var(--space-2xl);color: var(--color-text-muted)}.products-empty i{font-size: 3rem;color: var(--color-text-faint);margin-bottom: var(--space-md);display: block}.pdp-thumbnail{aspect-ratio: 1;border: 2px solid var(--color-border);border-radius: var(--radius-sm);overflow: hidden;background: var(--color-bg-alt);cursor: pointer;padding: 0;transition: border-color 0.15s ease}.pdp-thumbnail img{width: 100%;height: 100%;object-fit: cover}.pdp-thumbnail.active, .pdp-thumbnail:hover{border-color: var(--color-primary)}.pdp-brand-logo{display: inline-flex;align-items: center;justify-content: center;border-radius: var(--radius-md);background: var(--color-surface-alt, var(--color-bg-alt));padding: 6px 10px;border: 1px solid var(--color-border);box-sizing: border-box;min-height: 56px}.pdp-brand-logo-img{display: block;max-height: 44px;max-width: 160px;width: auto;height: auto;object-fit: contain}.pdp-badge{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.35rem 0.8rem;background: var(--color-primary);color: #fff;border: 1px solid transparent;border-radius: 999px;font-size: 0.75rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.04em;line-height: 1;box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);transition: transform 0.15s ease, box-shadow 0.15s ease}.pdp-badge:hover{transform: translateY(-1px);box-shadow: 0 5px 14px rgba(0, 0, 0, 0.14)}.pdp-badge i{font-size: 0.85em}.pdp-badge-img{width: 16px;height: 16px;object-fit: contain;border-radius: 2px;background: rgba(255, 255, 255, 0.15)}html[data-theme="dark"] .pdp-badge{box-shadow: 0 3px 10px rgba(0, 0, 0, 0.4)}.pdp-review-link{color: var(--color-primary);text-decoration: underline;margin-left: 0.25rem}.pdp-price.sale{color: var(--color-cta)}.product-price-current.sale{background: linear-gradient(135deg, var(--color-cta) 0%, #B91C1C 100%);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent}.eshop-compare-bar-count{min-width: 22px;height: 22px;padding: 0 6px;border-radius: 999px;background: rgba(255, 255, 255, 0.25);font-weight: 700;font-size: 0.8rem;display: inline-flex;align-items: center;justify-content: center}.eshop-compare-bar-link{color: #fff;text-decoration: none;font-weight: 700;font-size: 0.9rem;padding: 0.2rem 0.3rem}.eshop-compare-bar-link:hover{text-decoration: underline}.eshop-compare-bar-close{background: rgba(255, 255, 255, 0.18);border: 0;color: #fff;width: 24px;height: 24px;border-radius: 50%;cursor: pointer;display: inline-flex;align-items: center;justify-content: center;font-size: 0.75rem;transition: background 0.15s ease}.eshop-compare-bar-close:hover{background: rgba(255, 255, 255, 0.3)}.compare-label{font-weight: 700;color: var(--color-text-muted);background: var(--color-bg-alt);white-space: nowrap;width: 160px}.compare-row-header .compare-cell{padding: 1rem}.compare-product{display: flex;flex-direction: column;gap: 0.5rem;align-items: flex-start;position: relative}.compare-product-image{display: block;width: 140px;aspect-ratio: 1;overflow: hidden;border-radius: var(--radius-md);background: var(--color-bg-alt)}.compare-product-image img{width: 100%;height: 100%;object-fit: cover}.compare-product-name{color: var(--color-text);font-weight: 700;text-decoration: none;line-height: 1.3}.compare-product-name:hover{color: var(--color-primary)}.compare-remove{position: absolute;top: 0;right: 0;width: 28px;height: 28px;border: 0;background: var(--color-bg-alt);color: var(--color-text-muted);border-radius: 50%;cursor: pointer;font-size: 0.8rem;transition: background 0.15s ease, color 0.15s ease}.compare-remove:hover{background: var(--color-error);color: #fff}.compare-old-price{color: var(--color-text-muted);text-decoration: line-through;margin-left: 0.4rem;font-size: 0.85em}.compare-stock-in{color: var(--color-success);font-weight: 600}.compare-stock-out{color: var(--color-error);font-weight: 600}.compare-loading{text-align: center;color: var(--color-text-muted);padding: 3rem}.eshop-review-modal-dialog{background: var(--color-surface);border-radius: var(--radius-lg);padding: 1.5rem;max-width: 520px;width: 100%;max-height: 90vh;overflow-y: auto;position: relative;box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4)}.eshop-review-modal-close{position: absolute;top: 12px;right: 12px;width: 36px;height: 36px;border: 0;background: var(--color-bg-alt);color: var(--color-text-muted);border-radius: 50%;cursor: pointer;font-size: 1rem}.eshop-review-modal-close:hover{background: var(--color-border);color: var(--color-text)}.eshop-review-modal-title{font-family: var(--font-heading);margin: 0 0 1rem;font-weight: 800;font-size: 1.25rem}.eshop-review-rating{margin-bottom: 1rem}.eshop-review-rating > label{display: block;margin-bottom: 0.35rem;font-weight: 600}.eshop-review-stars{display: inline-flex;flex-direction: row-reverse;gap: 0.15rem}.eshop-review-stars input{display: none}.eshop-review-stars label{cursor: pointer;font-size: 1.5rem;color: var(--color-border-strong);transition: color 0.15s ease, transform 0.15s ease}.eshop-review-stars label:hover, .eshop-review-stars label:hover ~ label, .eshop-review-stars input:checked ~ label{color: var(--color-low-stock)}.eshop-review-stars label:hover{transform: scale(1.1)}.eshop-review-form .form-field{margin-bottom: 1rem}.eshop-review-form label{display: block;margin-bottom: 0.35rem;font-weight: 600}.eshop-review-form input[type="text"], .eshop-review-form textarea{width: 100%;padding: 0.6rem 0.75rem;border: 1px solid var(--color-border);border-radius: var(--radius-md);background: var(--color-bg);color: var(--color-text);font-family: inherit;font-size: 0.95rem}.eshop-review-form textarea{resize: vertical;min-height: 100px}.eshop-review-form input:focus, .eshop-review-form textarea:focus{outline: none;border-color: var(--color-primary)}.eshop-review-modal-actions{display: flex;gap: 0.5rem;justify-content: flex-end;margin-top: 1rem}.cart-item--static{grid-template-columns: 80px 1fr 140px}.cart-item-image{width: 80px;height: 80px;border-radius: var(--radius-sm);overflow: hidden;background: var(--color-bg-alt)}.cart-item-image img{width: 100%;height: 100%;object-fit: cover}.cart-item-info{min-width: 0}.cart-item-name{font-weight: 600;font-size: var(--text-base);margin-bottom: 0.25rem}.cart-item-name a{color: var(--color-text);text-decoration: none}.cart-item-name a:hover{color: var(--color-primary)}.cart-item-variant, .cart-item-sku{font-size: var(--text-xs);color: var(--color-text-muted)}.cart-item-price, .cart-item-total{font-weight: 600;font-family: var(--font-heading)}.cart-item-total{font-size: var(--text-lg)}.cart-item-remove{background: none;border: none;color: var(--color-text-faint);cursor: pointer;width: 36px;height: 36px;border-radius: 50%;transition: all 0.15s ease}.cart-item-remove:hover{background: rgba(239,68,68,0.1);color: var(--color-error)}@media (max-width: 900px){.cart-item-info{grid-column: 2}.cart-item-price, .cart-item-qty, .cart-item-total{grid-column: 2;display: flex;justify-content: space-between;align-items: center}.cart-item-remove{grid-column: 3;grid-row: 1 / span 4;align-self: start}}.order-row{display: grid;grid-template-columns: 1fr auto;gap: var(--space-md);align-items: center;padding: var(--space-md) var(--space-lg);background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-md);text-decoration: none;color: inherit;margin-bottom: 0.5rem;transition: all 0.15s ease}.order-row:hover{border-color: var(--color-primary);transform: translateX(4px)}.order-row-number{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-base);color: var(--color-primary)}.order-row-date{font-size: var(--text-xs);color: var(--color-text-muted)}.order-row-meta{display: flex;align-items: center;gap: var(--space-md)}.order-row-items{font-size: var(--text-sm);color: var(--color-text-muted)}.order-row-total{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-base)}.order-row-pay-btn{display: inline-flex;align-items: center;gap: 0.4rem;padding: 0.4rem 0.75rem;background: var(--color-primary);color: var(--color-primary-contrast, #fff);border: none;border-radius: var(--radius-sm);font-size: var(--text-sm);font-weight: 600;cursor: pointer;transition: background 0.15s ease, transform 0.15s ease}.order-row-pay-btn:hover{background: var(--color-primary-dark, var(--color-primary));transform: translateY(-1px)}.order-row-pay-btn:focus-visible{outline: 2px solid var(--color-primary);outline-offset: 2px}@media (max-width: 520px){.order-row-pay-btn span{display: none}}.category-card-pattern{position: absolute;inset: 0;background: linear-gradient(135deg, var(--color-primary), var(--color-primary-light));opacity: 0.9}.category-card-overlay{position: absolute;inset: 0;background: linear-gradient(to top, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.25) 60%, transparent 100%);display: flex;flex-direction: column;justify-content: flex-end;padding: var(--space-md);color: #fff}.category-card-parent{font-size: 0.7rem;text-transform: uppercase;letter-spacing: 0.12em;font-weight: 600;opacity: 0.85;margin-bottom: 0.2rem}.category-card-name{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-lg);line-height: 1.2}.category-card-count{font-size: var(--text-xs);opacity: 0.85;margin-top: 0.35rem}.stock-badge{display: inline-flex;align-items: center;gap: 0.35rem;padding: 0.25rem 0.6rem;border-radius: 4px;font-size: 0.7rem;font-weight: 600}.stock-in{background: rgba(34,197,94,0.15);color: var(--color-success)}.stock-out{background: rgba(239,68,68,0.15);color: var(--color-error)}.brand-card-logo{width: 120px;height: 80px;display: flex;align-items: center;justify-content: center;margin-bottom: var(--space-md)}.brand-card-logo img{max-width: 100%;max-height: 100%;object-fit: contain}.brand-card-logo span{font-family: var(--font-heading);font-weight: 700;font-size: var(--text-lg);color: var(--color-primary)}.brand-card-name{font-family: var(--font-heading);font-weight: 600;font-size: var(--text-base);margin-bottom: 0.25rem}.brand-card-desc{font-size: var(--text-sm);color: var(--color-text-muted);line-height: 1.5}@media (max-width: 480px){.countdown-timer .cd-unit{min-width: 56px;padding: 0.35rem}.countdown-timer .cd-unit strong{font-size: 1.4rem}}.shipping-option-icon{width: 48px;height: 48px;border-radius: var(--radius-sm);background: var(--color-bg-alt);display: flex;align-items: center;justify-content: center;color: var(--color-primary);font-size: 1.4rem;flex-shrink: 0}.eshop-brand-logo--dark{display: none}[data-theme="dark"] .eshop-brand-logo--light{display: none}[data-theme="dark"] .eshop-brand-logo--dark{display: block}.shipping-option-info{flex: 1}.shipping-option-name{font-weight: 600;font-size: var(--text-base);margin-bottom: 0.15rem}.shipping-option-desc{font-size: var(--text-xs);color: var(--color-text-muted)}.shipping-option-delivery{font-size: var(--text-xs);color: var(--color-primary);margin-top: 0.25rem}.shipping-option-price{font-weight: 700;font-family: var(--font-heading);font-size: var(--text-base);white-space: nowrap}.packeta-picker-row.error{background: rgba(var(--color-error-rgb, 239, 68, 68), 0.10);border: 1px solid var(--color-error);border-radius: var(--radius-md);padding: 0.5rem 0.75rem;animation: packeta-shake 0.3s ease}.rma-items-heading{font-family: var(--font-heading);font-weight: 600;font-size: var(--text-base);margin: 0 0 var(--space-sm)}.rma-items-list{display: flex;flex-direction: column;gap: 0.5rem}.rma-item-row{display: grid;grid-template-columns: auto 64px 1fr auto;gap: var(--space-md);align-items: center;padding: var(--space-sm) var(--space-md);border: 1px solid var(--color-border);border-radius: var(--radius-md);background: var(--color-surface);cursor: pointer;transition: border-color 0.15s ease, background 0.15s ease}.rma-item-row:hover{border-color: var(--color-primary)}.rma-item-row.selected{border-color: var(--color-primary);background: rgba(var(--color-primary-rgb), 0.05)}.rma-item-row .rma-item-image{width: 64px;height: 64px;border-radius: var(--radius-sm);overflow: hidden;background: var(--color-bg-alt);flex-shrink: 0}.rma-item-row .rma-item-image img{width: 100%;height: 100%;object-fit: cover}.rma-item-info{min-width: 0}.rma-item-name{font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.rma-item-variant, .rma-item-meta{font-size: var(--text-xs);color: var(--color-text-muted)}.rma-item-qty{display: flex;flex-direction: column;align-items: flex-end;gap: 0.25rem;font-size: var(--text-xs)}.rma-item-qty-input{width: 64px;padding: 0.4rem 0.5rem;border: 1px solid var(--color-border);border-radius: var(--radius-sm);background: var(--color-surface);color: var(--color-text);text-align: center;font-weight: 600}.rma-item-qty-input:disabled{opacity: 0.4;cursor: not-allowed}@media (max-width: 640px){.rma-item-row{grid-template-columns: auto 56px 1fr;row-gap: 0.4rem}.rma-item-qty{grid-column: 1 / -1;flex-direction: row;justify-content: flex-end;align-items: center;gap: 0.5rem}}.checkout-summary-items{margin-bottom: var(--space-md)}.checkout-summary-item{display: flex;justify-content: space-between;padding: 0.4rem 0;font-size: var(--text-sm);border-bottom: 1px solid var(--color-border)}.checkout-summary-item-qty{color: var(--color-text-muted)}.checkout-summary-line{display: flex;justify-content: space-between;padding: 0.35rem 0;font-size: var(--text-sm)}.checkout-summary-total{display: flex;justify-content: space-between;padding: var(--space-sm) 0 0;margin-top: var(--space-sm);border-top: 1px solid var(--color-border);font-family: var(--font-heading);font-size: var(--text-lg)}.cat-shelf{margin: 0 0 2rem}.cat-shelf-header{display: flex;justify-content: space-between;align-items: baseline;gap: 1rem;padding: 0 0 0.6rem;border-bottom: 1px solid var(--color-border);margin-bottom: 0.9rem}.cat-shelf-title{font-family: var(--font-heading);font-weight: 800;font-size: 1.5rem;color: var(--color-text);text-decoration: none;letter-spacing: -0.01em;transition: color 0.2s ease}.cat-shelf-title:hover{color: var(--color-primary)}.cat-shelf-count{font-size: 0.875rem;font-weight: 500;color: var(--color-text-muted);letter-spacing: 0}.cat-shelf-all{display: inline-flex;align-items: center;gap: 0.4rem;font-size: 0.8125rem;font-weight: 600;color: var(--color-primary);text-decoration: none;white-space: nowrap;padding: 0.3rem 0;transition: gap 0.2s ease}.cat-shelf-all:hover{gap: 0.65rem}.cat-shelf-row{display: flex;gap: 0.75rem;overflow-x: auto;overflow-y: hidden;padding: 2px 0 0.75rem;scroll-snap-type: x proximity;-webkit-overflow-scrolling: touch;scrollbar-width: thin;scrollbar-color: var(--color-border) transparent}.cat-shelf-row::-webkit-scrollbar{height: 6px}.cat-shelf-row::-webkit-scrollbar-thumb{background: var(--color-border);border-radius: 999px}.cat-shelf-row::-webkit-scrollbar-track{background: transparent}.cat-shelf-empty{padding: 1rem;color: var(--color-text-muted);font-style: italic}.cat-carousel-frame{position: relative}.cat-carousel-arrow{position: absolute;top: 50%;transform: translateY(-50%);z-index: 2;width: 42px;height: 42px;border-radius: 50%;border: 1px solid var(--color-border);background: var(--color-surface);color: var(--color-text);display: flex;align-items: center;justify-content: center;cursor: pointer;box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10);transition: opacity 0.18s ease, background 0.18s ease, transform 0.18s ease}.cat-carousel-arrow:hover:not(:disabled){background: var(--color-primary);color: var(--color-text-inverse);transform: translateY(-50%) scale(1.08)}.cat-carousel-arrow:disabled{opacity: 0.35;cursor: default}.cat-carousel-arrow[hidden]{display: none}.cat-carousel-arrow--prev{left: -14px}.cat-carousel-arrow--next{right: -14px}.cat-carousel-dots{display: flex;justify-content: center;align-items: center;gap: 0.5rem;margin-top: 0.4rem;min-height: 14px}.cat-carousel-dots:empty{display: none}.cat-carousel-dot{width: 8px;height: 8px;padding: 0;border: none;border-radius: 50%;background: var(--color-border-strong, var(--color-border));opacity: 0.55;cursor: pointer;transition: width 0.2s ease, opacity 0.2s ease, background 0.2s ease}.cat-carousel-dot:hover{opacity: 0.9}.cat-carousel-dot.active{width: 22px;border-radius: 999px;background: var(--color-primary);opacity: 1}.cat-tile{flex: 0 0 auto;width: 180px;aspect-ratio: 4 / 5;border-radius: var(--radius-md);overflow: hidden;position: relative;background-color: var(--color-bg-alt);background-size: cover;background-position: center;text-decoration: none;scroll-snap-align: start;transition: transform 0.25s ease, box-shadow 0.25s ease;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04)}.cat-tile:hover{transform: translateY(-3px);box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12)}.cat-tile-fallback{position: absolute;inset: 0;background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));opacity: 0.9}.cat-tile-overlay{position: absolute;inset: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: 0.75rem;color: #fff;background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.2) 60%, transparent 100%)}.cat-tile-name{font-family: var(--font-heading);font-weight: 700;font-size: 0.9375rem;line-height: 1.25;text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5)}.cat-tile-count{display: inline-flex;align-items: center;margin-top: 0.3rem;font-size: 0.7rem;font-weight: 700;padding: 0.15rem 0.5rem;background: rgba(255, 255, 255, 0.25);border-radius: 999px;backdrop-filter: blur(4px);width: fit-content}@media (max-width: 768px){.cat-tile{width: 140px}.cat-shelf-title{font-size: 1.2rem}}@media (max-width: 900px){.products-carousel, .cat-carousel{scroll-snap-type: none;scroll-behavior: auto}.products-carousel > *, .cat-carousel > *{scroll-snap-align: none}}.brands-marquee-track .brand-tile .brand-tile-name{position: absolute;left: 0;right: 0;bottom: 0;padding: 0.3rem 0.5rem;text-align: center;font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.06em;color: #fff;background: linear-gradient(to top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));padding-top: 0.8rem;text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6)}[data-theme="dark"] .invert-on-dark{filter: invert(1) hue-rotate(180deg)}[data-theme="dark"] .pdp-main-image, [data-theme="dark"] .pdp-thumbnail, [data-theme="dark"] .qv-main-image{background: var(--color-bg-alt)}[data-theme="dark"] .sg-table th{background: var(--color-bg-alt);color: var(--color-text)}[data-theme="dark"] .sg-table tr:hover td{background: var(--color-bg-alt)}[data-theme="dark"] .order-row{background: var(--color-surface)}.quick-view-close{position: absolute;top: 1rem;right: 1rem;width: 40px;height: 40px;border-radius: 50%;border: none;background: var(--color-bg-alt);cursor: pointer;display: flex;align-items: center;justify-content: center;z-index: 2;color: var(--color-text);font-size: 1rem;transition: background 0.15s ease}.quick-view-close:hover{background: var(--color-border)}.quick-view-body{display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;padding: 2rem;min-height: 400px}.quick-view-loading{grid-column: 1/-1;text-align: center;padding: 5rem 0;font-size: 2.5rem;color: var(--color-text-faint)}.quick-view-gallery{display: flex;flex-direction: column;gap: 0.75rem}.qv-main-image{aspect-ratio: 1;border-radius: 12px;overflow: hidden;background: var(--color-bg-alt)}.qv-main-image img{width: 100%;height: 100%;object-fit: cover}.qv-thumbs{display: grid;grid-template-columns: repeat(5, 1fr);gap: 0.5rem}.qv-thumb{aspect-ratio: 1;border: 2px solid var(--color-border);border-radius: 6px;overflow: hidden;background: var(--color-bg-alt);cursor: pointer;padding: 0;transition: border-color 0.15s ease}.qv-thumb img{width: 100%;height: 100%;object-fit: cover}.qv-thumb.active, .qv-thumb:hover{border-color: var(--color-accent)}.quick-view-info{display: flex;flex-direction: column}.qv-brand{font-size: 0.75rem;text-transform: uppercase;letter-spacing: 0.15em;font-weight: 600;color: var(--color-accent);margin-bottom: 0.5rem}.qv-name{font-family: var(--font-heading);font-weight: 800;font-size: 1.75rem;line-height: 1.15;margin: 0 0 0.75rem;letter-spacing: -0.02em}.qv-rating{margin-bottom: 1rem;font-size: 0.875rem}.qv-short-desc{color: var(--color-text-muted);line-height: 1.6;margin: 0 0 1rem;font-size: 0.9375rem}.qv-price-row{display: flex;align-items: baseline;gap: 0.75rem;flex-wrap: wrap;padding: 1rem 0;border-top: 1px solid var(--color-border);border-bottom: 1px solid var(--color-border);margin-bottom: 1rem}.qv-price{font-family: var(--font-heading);font-weight: 800;font-size: 2rem;line-height: 1;color: var(--color-text)}.qv-price.sale{color: var(--color-cta)}.qv-price-original{font-size: 1.125rem;color: var(--color-text-muted);text-decoration: line-through}.qv-discount{background: var(--color-cta);color: #fff;padding: 0.2rem 0.55rem;border-radius: 4px;font-size: 0.75rem;font-weight: 700;letter-spacing: 0.05em}.qv-meta{margin-bottom: 1.25rem}.qv-stock{display: inline-flex;align-items: center;gap: 0.4rem;font-size: 0.875rem;font-weight: 500}.qv-stock--in{color: var(--color-success)}.qv-stock--out{color: var(--color-error)}.qv-actions{margin-bottom: 1rem}.qv-add-to-cart{width: 100%;justify-content: center}.qv-full-details{display: inline-flex;align-items: center;gap: 0.4rem;color: var(--color-text-muted);text-decoration: none;font-size: 0.875rem;font-weight: 500;margin-top: auto;padding-top: 0.75rem;transition: color 0.15s ease}.qv-full-details:hover{color: var(--color-accent)}@media (max-width: 768px){.quick-view-body{grid-template-columns: 1fr;padding: 1.25rem;gap: 1.25rem}.qv-name{font-size: 1.375rem}.qv-price{font-size: 1.625rem}}.size-guide-close{position: absolute;top: 1rem;right: 1rem;width: 36px;height: 36px;border-radius: 50%;border: none;background: var(--color-bg-alt);cursor: pointer;display: flex;align-items: center;justify-content: center}.size-guide-close:hover{background: var(--color-border)}.size-guide-title{font-family: var(--font-heading);font-weight: 800;font-size: 1.5rem;margin: 0 0 1.5rem;letter-spacing: -0.01em}.size-guide-tabs{display: flex;gap: 0;border-bottom: 1px solid var(--color-border);margin-bottom: 1.5rem}.sg-tab{padding: 0.75rem 1.25rem;background: none;border: none;font-weight: 600;color: var(--color-text-muted);cursor: pointer;position: relative;font-family: var(--font-heading);font-size: 0.9375rem}.sg-tab.active{color: var(--color-text)}.sg-tab.active::after{content: '';position: absolute;bottom: -1px;left: 0;right: 0;height: 2px;background: var(--color-accent)}.sg-panel{display: none}.sg-panel.active{display: block}.sg-intro{color: var(--color-text-muted);font-size: 0.875rem;line-height: 1.6;margin: 0 0 1rem}.sg-table-wrapper{overflow-x: auto;border-radius: 8px;border: 1px solid var(--color-border)}.sg-table{width: 100%;border-collapse: collapse;font-size: 0.875rem}.sg-table th{text-align: left;font-family: var(--font-heading);font-weight: 700;padding: 0.75rem;background: var(--color-bg-alt);border-bottom: 1px solid var(--color-border);color: var(--color-text);font-size: 0.8125rem;text-transform: uppercase;letter-spacing: 0.05em}.sg-table td{padding: 0.65rem 0.75rem;border-bottom: 1px solid var(--color-border);color: var(--color-text)}.sg-table tr:last-child td{border-bottom: none}.sg-table tr:hover td{background: var(--color-bg-alt)}:root{--font-heading: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-extrabold: 800;--fs-xs: clamp(0.7rem, 0.66rem + 0.2vw, 0.8rem);--fs-sm: clamp(0.8rem, 0.74rem + 0.3vw, 0.9rem);--fs-base: clamp(0.9rem, 0.84rem + 0.3vw, 1rem);--fs-md: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);--fs-lg: clamp(1.125rem, 1rem + 0.6vw, 1.25rem);--fs-xl: clamp(1.25rem, 1.05rem + 1vw, 1.5rem);--fs-2xl: clamp(1.5rem, 1.15rem + 1.75vw, 2rem);--fs-3xl: clamp(1.875rem, 1.35rem + 2.6vw, 2.5rem);--fs-4xl: clamp(2.25rem, 1.5rem + 3.75vw, 3.25rem);--fs-5xl: clamp(2.75rem, 1.7rem + 5.25vw, 4rem);--lh-tight: 1.15;--lh-snug: 1.3;--lh-normal: 1.6;--lh-relaxed: 1.75;--ls-tight: -0.02em;--ls-normal: 0;--ls-wide: 0.05em;--ls-wider: 0.1em;--ls-widest: 0.2em;--color-primary: #8b5cf6;--color-primary-hover: #7c3aed;--color-primary-light: rgba(139, 92, 246, 0.08);--color-primary-lighter: rgba(139, 92, 246, 0.12);--color-primary-dark: #6d28d9;--color-primary-darkest: #4c1d95;--color-primary-rgb: 139, 92, 246;--color-secondary: #2e1065;--color-secondary-light: #4c1d95;--color-secondary-dark: #1a0b2e;--color-secondary-rgb: 11, 30, 94;--color-accent: #e5134b;--color-accent-light: #ff3d6a;--color-accent-dark: #b80f3c;--color-accent-rgb: 229, 19, 75;--color-neon-cyan: #c084fc;--color-neon-blue: var(--color-primary);--color-neon-purple: var(--color-primary-hover);--color-neon-cyan-rgb: var(--color-primary-rgb);--color-neon-blue-rgb: var(--color-primary-rgb);--color-neon-purple-rgb: var(--color-primary-rgb);--gradient-1: var(--color-secondary);--gradient-2: var(--color-primary-darkest);--gradient-3: var(--color-primary);--gradient-4: var(--color-primary-hover);--gradient-hero: linear-gradient(135deg, var(--gradient-1) 0%, var(--gradient-2) 30%, var(--gradient-3) 55%, var(--gradient-4) 80%, var(--gradient-1) 100%);--gradient-accent: linear-gradient(135deg, var(--color-neon-cyan), var(--color-neon-blue), var(--color-neon-purple));--gradient-card-border: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.4), rgba(var(--color-primary-rgb), 0.2), rgba(var(--color-primary-rgb), 0.4));--gradient-section-divider: linear-gradient(90deg, transparent, rgba(var(--color-primary-rgb), 0.3), transparent);--color-white: #FFFFFF;--color-black: #000000;--color-gray-50: #f0f4f8;--color-gray-100: #e2e8f0;--color-gray-200: #c9d5e3;--color-gray-300: #c8c8d8;--color-gray-400: #9ca3af;--color-gray-500: #6b4e8e;--color-gray-600: #3d2a5e;--color-gray-700: #3d2a5e;--color-gray-800: #2e1065;--color-gray-900: #1a0b2e;--color-bg: #f0f4f8;--color-bg-elevated: #ffffff;--color-bg-alt: #e6ecf3;--color-surface: #ffffff;--color-surface-hover: #f0f4f8;--color-text: #1a0b2e;--color-text-secondary: #3d2a5e;--color-text-muted: #6b4e8e;--color-text-light: #9ca3af;--color-text-link: #7c3aed;--color-text-link-hover: #8b5cf6;--color-border: #c9d5e3;--color-border-light: #e2e8f0;--color-header-bg: transparent;--color-header-bg-solid: rgba(255, 255, 255, 0.85);--color-header-text: #1a0b2e;--color-header-border: rgba(0, 0, 0, 0.06);--header-height: 72px;--header-height-scrolled: 64px;--utility-bar-height: 36px;--color-footer-bg: #0f0517;--color-footer-text: #9ca3af;--color-footer-heading: #e2e8f0;--color-footer-link: #9ca3af;--color-footer-link-hover: var(--color-primary);--color-footer-border: rgba(var(--color-primary-rgb), 0.08);--color-success: #10b981;--color-success-light: rgba(16, 185, 129, 0.1);--color-warning: #f59e0b;--color-warning-light: rgba(245, 158, 11, 0.1);--color-error: #ef4444;--color-error-light: rgba(239, 68, 68, 0.1);--color-info: var(--color-primary);--color-info-light: rgba(var(--color-primary-rgb), 0.1);--space-2xs: 0.25rem;--space-xs: 0.5rem;--space-sm: 0.75rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--space-5xl: 8rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.04);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, 0.1), 0 4px 8px -4px rgba(0, 0, 0, 0.05);--shadow-xl: 0 24px 48px -8px rgba(0, 0, 0, 0.12), 0 8px 16px -6px rgba(0, 0, 0, 0.06);--shadow-2xl: 0 32px 64px -16px rgba(0, 0, 0, 0.2);--shadow-glow: 0 0 20px rgba(var(--color-primary-rgb), 0.25), 0 0 60px rgba(var(--color-primary-rgb), 0.08);--shadow-glow-strong: 0 0 30px rgba(var(--color-primary-rgb), 0.4), 0 0 80px rgba(var(--color-primary-rgb), 0.15);--shadow-glow-neon: 0 0 10px rgba(var(--color-primary-rgb), 0.3), 0 0 40px rgba(var(--color-primary-rgb), 0.1), 0 0 80px rgba(var(--color-primary-rgb), 0.05);--shadow-glow-purple: 0 0 20px rgba(var(--color-primary-rgb), 0.2), 0 0 60px rgba(var(--color-primary-rgb), 0.08);--container-max: 1280px;--container-padding: 24px;--container-narrow: 768px;--transition-fast: 150ms ease;--transition-base: 250ms ease;--transition-slow: 400ms ease;--transition-color: color 250ms ease, background-color 250ms ease, border-color 250ms ease;--transition-spring: 400ms cubic-bezier(0.34, 1.56, 0.64, 1);--z-dropdown: 100;--z-sticky: 200;--z-header: 300;--z-overlay: 400;--z-modal: 500;--z-toast: 600;--glass-bg: rgba(255, 255, 255, 0.6);--glass-bg-strong: rgba(255, 255, 255, 0.9);--glass-bg-subtle: rgba(255, 255, 255, 0.35);--glass-border: rgba(255, 255, 255, 0.5);--glass-border-subtle: rgba(var(--color-primary-rgb), 0.15);--glass-blur: 16px;--glass-blur-strong: 24px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.06);--fiber-line-color: rgba(var(--color-primary-rgb), 0.15);--fiber-dot-color: rgba(var(--color-primary-rgb), 0.6);--fiber-trail-width: 2px;--grid-line-color: rgba(var(--color-primary-rgb), 0.06);--grid-dot-size: 1px}[data-theme="dark"]{--color-bg: #1a0b2e;--color-bg-elevated: #1a0b2e;--color-bg-alt: #1a0b2e;--color-surface: #1a0b2e;--color-surface-hover: #2e1065;--color-text: #e4eaf4;--color-text-secondary: #a8a8b8;--color-text-muted: #9ca3af;--color-text-light: #8b93a3;--color-text-link: #c084fc;--color-text-link-hover: #d8b4fe;--color-border: rgba(192, 132, 252, 0.1);--color-border-light: rgba(192, 132, 252, 0.06);--color-header-bg-solid: rgba(10, 14, 26, 0.9);--color-header-text: #e4eaf4;--color-header-border: rgba(var(--color-primary-rgb), 0.06);--color-footer-bg: #0f0517;--color-primary: #c084fc;--color-primary-hover: #c084fc;--color-primary-light: rgba(192, 132, 252, 0.1);--color-primary-lighter: rgba(192, 132, 252, 0.15);--color-primary-rgb: 192, 132, 252;--color-secondary: #a855f7;--color-secondary-light: #c084fc;--color-secondary-dark: #7c3aed;--color-neon-cyan: #d8b4fe;--color-neon-blue: var(--color-primary);--color-neon-purple: var(--color-neon-cyan);--gradient-1: var(--color-footer-bg);--gradient-2: var(--color-bg);--gradient-3: var(--color-primary-dark);--gradient-4: var(--color-primary-darkest);--gradient-card-border: linear-gradient(135deg, rgba(var(--color-primary-rgb), 0.3), rgba(var(--color-primary-rgb), 0.15), rgba(var(--color-primary-rgb), 0.3));--gradient-section-divider: linear-gradient(90deg, transparent, rgba(var(--color-primary-rgb), 0.2), transparent);--color-gray-50: #1a0b2e;--color-gray-100: #1a0b2e;--color-gray-200: #2e1065;--color-gray-300: #4c1d95;--color-gray-800: #c9d5e3;--color-gray-900: #e4eaf4;--color-success-light: rgba(16, 185, 129, 0.12);--color-warning-light: rgba(245, 158, 11, 0.12);--color-error-light: rgba(239, 68, 68, 0.12);--color-info-light: rgba(var(--color-primary-rgb), 0.12);--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.3);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, 0.4), 0 0 12px rgba(var(--color-primary-rgb), 0.05);--shadow-xl: 0 24px 48px -8px rgba(0, 0, 0, 0.5), 0 0 20px rgba(var(--color-primary-rgb), 0.08);--shadow-2xl: 0 32px 64px -16px rgba(0, 0, 0, 0.6), 0 0 40px rgba(var(--color-primary-rgb), 0.06);--shadow-glow: 0 0 24px rgba(var(--color-primary-rgb), 0.25), 0 0 60px rgba(var(--color-primary-rgb), 0.1);--shadow-glow-strong: 0 0 30px rgba(var(--color-primary-rgb), 0.4), 0 0 100px rgba(var(--color-primary-rgb), 0.15);--shadow-glow-neon: 0 0 15px rgba(var(--color-primary-rgb), 0.4), 0 0 50px rgba(var(--color-primary-rgb), 0.15), 0 0 100px rgba(var(--color-primary-rgb), 0.05);--shadow-glow-purple: 0 0 24px rgba(184, 122, 255, 0.25), 0 0 60px rgba(184, 122, 255, 0.1);--glass-bg: rgba(15, 21, 41, 0.7);--glass-bg-strong: rgba(15, 21, 41, 0.9);--glass-bg-subtle: rgba(15, 21, 41, 0.5);--glass-border: rgba(var(--color-primary-rgb), 0.1);--glass-border-subtle: rgba(var(--color-primary-rgb), 0.06);--glass-blur: 20px;--glass-blur-strong: 32px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), 0 0 12px rgba(var(--color-primary-rgb), 0.04);--fiber-line-color: rgba(var(--color-primary-rgb), 0.08);--fiber-dot-color: rgba(var(--color-primary-rgb), 0.8);--fiber-trail-width: 2px;--grid-line-color: rgba(var(--color-primary-rgb), 0.04)}[data-theme-ready] *, [data-theme-ready] *::before, [data-theme-ready] *::after{transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease}[data-theme-ready] .hero-gradient-bg, [data-theme-ready] .hero-gradient-bg *, [data-theme-ready] video, [data-theme-ready] .skeleton, [data-theme-ready] .skeleton-pulse{transition: none !important}::selection{background: rgba(var(--color-primary-rgb), 0.2);color: inherit}:focus-visible{outline: 2px solid var(--color-neon-cyan);outline-offset: 2px}::-webkit-scrollbar{width: 6px;height: 6px}::-webkit-scrollbar-track{background: var(--color-bg)}::-webkit-scrollbar-thumb{background: linear-gradient(180deg, var(--color-primary), var(--color-neon-purple));border-radius: var(--radius-full)}::-webkit-scrollbar-thumb:hover{background: linear-gradient(180deg, var(--color-neon-cyan), var(--color-neon-blue))}[data-theme="dark"] ::-webkit-scrollbar-track{background: var(--color-bg)}[data-theme="dark"] ::-webkit-scrollbar-thumb{background: linear-gradient(180deg, var(--color-neon-cyan), var(--color-neon-purple))}@keyframes gradientShift{0%{background-position: 0% 50%}50%{background-position: 100% 50%}100%{background-position: 0% 50%}}@keyframes fiberPulse{0%, 100%{opacity: 0.4}50%{opacity: 1}}@keyframes dataFlowDown{0%{transform: translateY(-100%);opacity: 0}10%{opacity: 1}90%{opacity: 1}100%{transform: translateY(100vh);opacity: 0}}@keyframes dataFlowRight{0%{transform: translateX(-100%);opacity: 0}10%{opacity: 1}90%{opacity: 1}100%{transform: translateX(100%);opacity: 0}}@keyframes meshFloat{0%, 100%{transform: translate(0, 0) rotate(0deg)}25%{transform: translate(10px, -15px) rotate(0.5deg)}50%{transform: translate(-5px, 10px) rotate(-0.5deg)}75%{transform: translate(-10px, -5px) rotate(0.25deg)}}@keyframes glowPulse{0%, 100%{opacity: 0.5}50%{opacity: 1}}@keyframes floatBadge{0%, 100%{transform: translateY(0)}50%{transform: translateY(-10px)}}@keyframes bounceDown{0%, 100%{transform: translateX(-50%) translateY(0)}50%{transform: translateX(-50%) translateY(10px)}}@keyframes scanLine{0%{top: -2px}100%{top: 100%}}.alert-bar{background: var(--color-alert-bar-bg, linear-gradient(90deg, #dc2626, var(--color-error)));color: var(--color-alert-bar-text, #fff);font-size: 0.75rem;font-weight: 500;z-index: 300;position: fixed;top: 0;left: 0;right: 0;overflow: hidden;pointer-events: auto}.alert-bar[data-position="bottom"]{position: fixed;top: auto;bottom: 0;left: 0;right: 0;z-index: 9999}.alert-bar-inner{max-width: 1280px;margin: 0 auto;display: flex;align-items: center;justify-content: center;gap: var(--space-sm);padding: 0.25rem var(--space-lg);min-height: 28px}.alert-bar-icon{font-size: 1rem;flex-shrink: 0;animation: alert-pulse 2s ease-in-out infinite}@keyframes alert-pulse{0%, 100%{opacity: 1}50%{opacity: 0.6}}.alert-bar-marquee{flex: 1;overflow: hidden;min-width: 0}.alert-bar-text{white-space: nowrap}.alert-bar[data-scroll="true"] .alert-bar-text{display: inline-flex;white-space: nowrap;animation: alert-scroll linear infinite}@keyframes alert-scroll{0%{transform: translateX(0)}100%{transform: translateX(-50%)}}.alert-bar-link{color: inherit;text-decoration: underline;text-underline-offset: 2px;white-space: nowrap;font-weight: 600;opacity: 0.9;transition: opacity 0.2s;flex-shrink: 0}.alert-bar-link:hover{opacity: 1}.alert-bar-close{background: none;border: none;color: inherit;cursor: pointer;padding: var(--space-xs);opacity: 0.7;transition: opacity 0.2s;flex-shrink: 0;font-size: 1rem}.alert-bar-close:hover{opacity: 1}.alert-bar[data-severity="warning"]{background: linear-gradient(90deg, #d97706, var(--color-warning))}.alert-bar[data-severity="info"]{background: var(--color-primary, var(--color-primary))}.alert-bar[data-severity="success"]{background: linear-gradient(90deg, #059669, var(--color-success))}.alert-bar:not([data-position="bottom"]) + .utility-bar{}@media (max-width: 768px){.alert-bar-inner{padding: var(--space-xs) var(--space-sm)}.alert-bar-text{font-size: 0.8rem}}.utility-bar{background: linear-gradient(90deg, var(--color-secondary), var(--color-secondary-dark));color: #fff;font-size: var(--fs-xs);height: var(--utility-bar-height);display: flex;align-items: center;position: fixed;top: var(--alert-bar-height, 0px);left: 0;right: 0;z-index: calc(var(--z-header) + 1);border-bottom: 1px solid rgba(var(--color-neon-cyan-rgb), 0.15)}.utility-bar.animated{transition: top 0.3s ease, opacity 0.3s ease}.utility-bar-inner{max-width: var(--container-max);margin: 0 auto;padding: 0 var(--container-padding);width: 100%;display: flex;align-items: center;justify-content: space-between}.utility-bar-left, .utility-bar-right{display: flex;align-items: center;gap: var(--space-md)}.utility-bar-item{display: flex;align-items: center;gap: 6px;color: rgba(255, 255, 255, 0.85);text-decoration: none;transition: color var(--transition-fast);white-space: nowrap}a.utility-bar-item:hover{color: var(--color-neon-cyan)}.utility-bar-item i{font-size: 0.75rem;opacity: 0.8}.utility-bar-divider{width: 1px;height: 14px;background: rgba(var(--color-neon-cyan-rgb), 0.2)}.site-header{position: fixed;top: calc(var(--utility-bar-height) + var(--alert-bar-height, 0px));left: 0;right: 0;z-index: var(--z-header);height: var(--header-height);display: flex;align-items: center;transition: background-color 0.3s ease, box-shadow 0.3s ease, top 0.3s ease}.site-header--transparent{background: transparent !important;box-shadow: none}.site-header--solid{background: var(--color-header-bg-solid);box-shadow: var(--shadow-lg), 0 1px 0 var(--glass-border-subtle);backdrop-filter: blur(var(--glass-blur-strong));-webkit-backdrop-filter: blur(var(--glass-blur-strong));height: var(--header-height-scrolled);border-bottom: 1px solid var(--glass-border-subtle)}.header-inner{max-width: var(--container-max);margin: 0 auto;padding: 0 var(--container-padding);width: 100%;display: flex;align-items: center;gap: var(--space-lg);justify-content: space-between}.header-logo{display: flex;align-items: center;gap: var(--space-sm);text-decoration: none;color: var(--color-text);flex-shrink: 0}.logo-image{height: 52px;width: auto;max-width: 180px;object-fit: contain}.logo-image--dark{display: none}.site-header--transparent .logo-image:not(.logo-image--dark){display: none !important}.site-header--transparent .logo-image--dark{display: block !important}.site-header--solid .logo-image--dark{display: none !important}.site-header--solid .logo-image:not(.logo-image--dark){display: block !important}[data-theme="dark"] .site-header--solid .logo-image--dark{display: block !important}[data-theme="dark"] .site-header--solid .logo-image:not(.logo-image--dark){display: none !important}.logo-text{font-family: var(--font-heading);font-size: var(--fs-lg);font-weight: var(--fw-bold);white-space: nowrap}.site-header--transparent .logo-text{color: #fff}.main-nav{flex: 1;display: flex;align-items: center;justify-content: center}.nav-list{display: flex;list-style: none;margin: 0;padding: 0;gap: var(--space-xs)}.nav-list > li{position: relative}.nav-list > li > a{display: flex;align-items: center;gap: 4px;padding: var(--space-xs) var(--space-sm);font-size: var(--fs-sm);font-weight: var(--fw-medium);color: var(--color-text);text-decoration: none;border-radius: var(--radius-md);transition: color var(--transition-fast), background-color var(--transition-fast);white-space: nowrap}.nav-list > li > a:hover{color: var(--color-primary);background: var(--color-primary-light)}.site-header--transparent .nav-list > li > a{color: rgba(255, 255, 255, 0.9)}.site-header--transparent .nav-list > li > a:hover{color: #fff;background: rgba(255, 255, 255, 0.1)}.nav-submenu{position: absolute;top: 100%;left: 0;min-width: 220px;background: var(--glass-bg-strong);backdrop-filter: blur(var(--glass-blur-strong));-webkit-backdrop-filter: blur(var(--glass-blur-strong));border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-lg);box-shadow: var(--shadow-xl), var(--shadow-glow);padding: var(--space-xs);opacity: 0;visibility: hidden;transform: translateY(8px);transition: opacity var(--transition-fast), transform var(--transition-fast), visibility var(--transition-fast);list-style: none;margin: 0;z-index: var(--z-dropdown)}.nav-list > li:hover > .nav-submenu, .nav-list > li:focus-within > .nav-submenu{opacity: 1;visibility: visible;transform: translateY(0)}.nav-submenu a{display: block;padding: var(--space-xs) var(--space-md);font-size: var(--fs-sm);color: var(--color-text);text-decoration: none;border-radius: var(--radius-md);transition: background var(--transition-fast), color var(--transition-fast)}.nav-submenu a:hover{background: var(--color-primary-light);color: var(--color-primary)}.nav-chevron{width: 10px;height: 10px;opacity: 0.6;transition: transform var(--transition-fast)}.nav-list > li:hover .nav-chevron{transform: rotate(180deg)}.nav-overflow{position: relative}.nav-overflow-trigger{display: flex;align-items: center;gap: 4px;padding: var(--space-xs) var(--space-sm);font-size: var(--fs-sm);font-weight: var(--fw-medium);color: var(--color-text);background: none;border: none;cursor: pointer;border-radius: var(--radius-md);transition: color var(--transition-fast), background var(--transition-fast)}.nav-overflow-trigger:hover{color: var(--color-primary);background: var(--color-primary-light)}.site-header--transparent .nav-overflow-trigger{color: rgba(255, 255, 255, 0.9)}.nav-overflow-menu{position: absolute;top: calc(100% + 8px);right: 0;min-width: 200px;background: var(--glass-bg-strong);backdrop-filter: blur(var(--glass-blur-strong));-webkit-backdrop-filter: blur(var(--glass-blur-strong));border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-lg);box-shadow: var(--shadow-xl), 0 0 24px rgba(var(--color-neon-cyan-rgb), 0.06);padding: var(--space-xs);list-style: none;margin: 0;z-index: var(--z-dropdown);opacity: 0;visibility: hidden;transform: translateY(-8px) scale(0.97);transform-origin: top right;transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s;pointer-events: none}.nav-overflow-menu[aria-hidden="false"], .nav-overflow.open .nav-overflow-menu{opacity: 1;visibility: visible;transform: translateY(0) scale(1);pointer-events: auto}.nav-overflow-menu li{list-style: none;opacity: 0;transform: translateX(8px);transition: opacity 0.2s ease, transform 0.2s ease}.nav-overflow.open .nav-overflow-menu li{opacity: 1;transform: translateX(0)}.nav-overflow.open .nav-overflow-menu li:nth-child(1){transition-delay: 0.04s}.nav-overflow.open .nav-overflow-menu li:nth-child(2){transition-delay: 0.08s}.nav-overflow.open .nav-overflow-menu li:nth-child(3){transition-delay: 0.12s}.nav-overflow.open .nav-overflow-menu li:nth-child(4){transition-delay: 0.16s}.nav-overflow.open .nav-overflow-menu li:nth-child(5){transition-delay: 0.20s}.nav-overflow.open .nav-overflow-menu li:nth-child(6){transition-delay: 0.24s}.nav-overflow.open .nav-overflow-menu li:nth-child(7){transition-delay: 0.28s}.nav-overflow.open .nav-overflow-menu li:nth-child(8){transition-delay: 0.32s}.nav-overflow-menu .nav-link{display: block;padding: var(--space-xs) var(--space-md);font-size: var(--fs-sm);font-weight: var(--fw-medium);color: var(--color-text);text-decoration: none;border-radius: var(--radius-md);transition: background var(--transition-fast), color var(--transition-fast), padding-left var(--transition-fast);white-space: nowrap}.nav-overflow-menu .nav-link:hover{background: var(--color-primary-light);color: var(--color-primary);padding-left: calc(var(--space-md) + 4px)}[data-theme="dark"] .nav-overflow-menu .nav-link:hover{background: rgba(var(--color-primary-rgb), 0.08);color: var(--color-neon-cyan)}.header-actions{display: flex;align-items: center;gap: var(--space-xs);flex-shrink: 0}.header-action-btn{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border: none;background: none;cursor: pointer;border-radius: var(--radius-md);color: var(--color-text-muted);transition: color var(--transition-fast), background var(--transition-fast)}.header-action-btn:hover{color: var(--color-primary);background: var(--color-primary-light)}.header-action-btn svg{width: 20px;height: 20px}.site-header--transparent .header-action-btn{color: rgba(255, 255, 255, 0.8)}.site-header--transparent .header-action-btn:hover{color: var(--color-neon-cyan);background: rgba(255, 255, 255, 0.1)}.btn-cta{display: inline-flex;align-items: center;gap: var(--space-xs);padding: var(--space-xs) var(--space-lg);font-size: var(--fs-sm);font-weight: var(--fw-semibold);color: #fff;background: linear-gradient(135deg, var(--color-primary), var(--color-neon-blue));border: none;border-radius: var(--radius-full);text-decoration: none;cursor: pointer;transition: transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);white-space: nowrap;position: relative}.btn-cta:hover{transform: translateY(-2px);box-shadow: var(--shadow-glow-strong);filter: brightness(1.1);color: #fff}.hamburger{display: none;flex-direction: column;justify-content: center;align-items: center;width: 40px;height: 40px;padding: 0;background: none;border: none;cursor: pointer;gap: 5px;z-index: calc(var(--z-overlay) + 1)}.hamburger-line{display: block;width: 22px;height: 2px;background: var(--color-text);border-radius: 1px;transition: transform 0.3s ease, opacity 0.3s ease}.site-header--transparent .hamburger-line{background: #fff}.hamburger.active .hamburger-line:nth-child(1){transform: translateY(7px) rotate(45deg)}.hamburger.active .hamburger-line:nth-child(2){opacity: 0}.hamburger.active .hamburger-line:nth-child(3){transform: translateY(-7px) rotate(-45deg)}.lang-dropdown{position: relative}.lang-dropdown-trigger{padding: 4px}.lang-current-flag{width: 24px;height: 24px;border-radius: 50%;object-fit: cover}.lang-dropdown-menu{position: absolute;top: 100%;right: 0;min-width: 160px;background: var(--glass-bg-strong);backdrop-filter: blur(var(--glass-blur-strong));-webkit-backdrop-filter: blur(var(--glass-blur-strong));border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-lg);box-shadow: var(--shadow-xl);padding: var(--space-xs);display: none;z-index: var(--z-dropdown)}.lang-dropdown.open .lang-dropdown-menu{display: block}.lang-option{display: flex;align-items: center;gap: var(--space-sm);width: 100%;padding: var(--space-xs) var(--space-sm);border: none;background: none;cursor: pointer;font-size: var(--fs-sm);color: var(--color-text);border-radius: var(--radius-md);transition: background var(--transition-fast)}.lang-option:hover{background: var(--color-primary-light)}.lang-option.active{background: var(--color-primary-light);color: var(--color-primary)}.lang-flag img{width: 22px;height: 22px;border-radius: 50%;object-fit: cover}.theme-toggle{position: relative}.theme-icon{width: 18px;height: 18px}.theme-icon-light{display: none}.theme-icon-dark{display: block}[data-theme="dark"] .theme-icon-light{display: block}[data-theme="dark"] .theme-icon-dark{display: none}.auth-trigger svg{width: 20px;height: 20px}.mobile-nav-overlay{position: fixed;inset: 0;background: rgba(0, 0, 0, 0.6);z-index: var(--z-overlay);opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease;backdrop-filter: blur(8px)}.mobile-nav-overlay.open{opacity: 1;visibility: visible}.mobile-nav{position: fixed;top: 0;right: -320px;width: 320px;max-width: 85vw;height: 100vh;height: 100dvh;background: var(--glass-bg-strong);backdrop-filter: blur(var(--glass-blur-strong));-webkit-backdrop-filter: blur(var(--glass-blur-strong));border-left: 1px solid var(--glass-border-subtle);z-index: calc(var(--z-overlay) + 1);transition: right 0.35s cubic-bezier(0.4, 0, 0.2, 1);display: flex;flex-direction: column;overflow-y: auto;-webkit-overflow-scrolling: touch}.mobile-nav.open{right: 0}.mobile-nav-header{display: flex;align-items: center;justify-content: space-between;padding: var(--space-md) var(--space-lg);border-bottom: 1px solid var(--glass-border-subtle);flex-shrink: 0}.mobile-nav-title{font-weight: var(--fw-semibold);font-size: var(--fs-lg)}.mobile-nav-close{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border: none;background: none;cursor: pointer;color: var(--color-text-muted);border-radius: var(--radius-md);transition: background var(--transition-fast)}.mobile-nav-close:hover{background: var(--color-gray-100)}.mobile-nav-list{list-style: none;margin: 0;padding: var(--space-sm) var(--space-md);flex: 1}.mobile-nav-list a{display: block;padding: var(--space-sm) var(--space-md);font-size: var(--fs-md);font-weight: var(--fw-medium);color: var(--color-text);text-decoration: none;border-radius: var(--radius-md);transition: background var(--transition-fast), color var(--transition-fast)}.mobile-nav-list a:hover{background: var(--color-primary-light);color: var(--color-primary)}.mobile-nav-footer{border-top: 1px solid var(--glass-border-subtle);padding: var(--space-md) var(--space-lg);flex-shrink: 0}.mobile-theme-toggle{margin-bottom: var(--space-md)}.mobile-theme-btn{display: flex;align-items: center;gap: var(--space-sm);width: 100%;padding: var(--space-sm) 0;border: none;background: none;cursor: pointer;font-size: var(--fs-sm);color: var(--color-text-muted)}.mobile-lang-switcher{display: flex;gap: var(--space-xs);margin-bottom: var(--space-md)}.mobile-lang-btn{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border: 1px solid var(--color-border);background: none;cursor: pointer;border-radius: var(--radius-md);transition: border-color var(--transition-fast);padding: 0}.mobile-lang-btn img{width: 24px;height: 24px;border-radius: 50%}.mobile-lang-btn:hover{border-color: var(--color-primary)}.mobile-nav-actions{display: flex;flex-direction: column;gap: var(--space-xs)}.mobile-nav-link{display: block;padding: var(--space-sm);text-align: center;font-size: var(--fs-sm);color: var(--color-text);text-decoration: none;border-radius: var(--radius-md);border: 1px solid var(--color-border);margin-bottom: var(--space-xs)}.mobile-nav-link::last-child{margin-bottom: 0}.mobile-nav-cta{display: block;padding: var(--space-sm);text-align: center;font-size: var(--fs-sm);font-weight: var(--fw-semibold);color: #fff;background: linear-gradient(135deg, var(--color-primary), var(--color-neon-blue));text-decoration: none;border-radius: var(--radius-md);transition: filter var(--transition-fast)}.mobile-nav-cta:hover{filter: brightness(1.1);color: #fff}.hero{position: relative;min-height: 100vh;min-height: 100svh;display: flex;align-items: center;justify-content: center;overflow: hidden;padding-top: calc(var(--header-height) + var(--utility-bar-height) + var(--alert-bar-height, 0px))}.hero--compact{min-height: 70vh;min-height: 70svh}.hero-gradient-bg{position: absolute;inset: 0;background: linear-gradient(135deg, var(--gradient-1) 0%, var(--gradient-2) 25%, var(--gradient-3) 45%, var(--gradient-4) 70%, var(--gradient-1) 100%);background-size: 400% 400%;animation: gradientShift 30s ease infinite;z-index: 1;opacity: 0.7}.hero-gradient-bg::before{content: '';position: absolute;inset: 0;background-image: linear-gradient(rgba(var(--color-neon-cyan-rgb), 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--color-neon-cyan-rgb), 0.07) 1px, transparent 1px);background-size: 60px 60px;animation: meshFloat 40s ease-in-out infinite;z-index: 2}.hero-gradient-bg::after{content: '';position: absolute;top: 0;left: 20%;width: 2px;height: 200px;background: linear-gradient(180deg, transparent, var(--color-neon-cyan), transparent);animation: dataFlowDown 4s linear infinite;z-index: 2;opacity: 0.5;filter: blur(1px);box-shadow: 0 0 8px var(--color-neon-cyan), 0 0 20px rgba(var(--color-neon-cyan-rgb), 0.3)}.hero-overlay{position: absolute;inset: 0;background: radial-gradient(ellipse at 30% 50%, rgba(0, 180, 216, 0.08) 0%, transparent 60%), radial-gradient(ellipse at 70% 30%, rgba(var(--color-neon-blue-rgb), 0.06) 0%, transparent 50%), rgba(0, 0, 0, 0.35);z-index: 3}.hero-bg{position: absolute;inset: 0;overflow: hidden;z-index: 0}.hero-bg img{width: 100%;height: 100%;object-fit: cover;transform: translate3d(0, 0, 0) scale(1.1);will-change: transform}.hero-bg-mobile{display: none}.hero-content{position: relative;z-index: 4;text-align: center;max-width: 800px;padding: var(--space-xl) var(--container-padding);color: #fff}.hero-label{font-size: var(--fs-sm);font-weight: var(--fw-semibold);text-transform: uppercase;letter-spacing: var(--ls-widest);opacity: 0.7;margin-bottom: var(--space-sm);color: var(--color-neon-cyan)}.hero-title{font-family: var(--font-heading);font-size: var(--fs-5xl);font-weight: var(--fw-extrabold);line-height: var(--lh-tight);letter-spacing: var(--ls-tight);margin: 0 0 var(--space-lg);color: #fff;text-shadow: 0 0 40px rgba(var(--color-neon-cyan-rgb), 0.2)}.hero-subtitle{font-size: var(--fs-xl);font-weight: var(--fw-light);line-height: var(--lh-normal);opacity: 0.85;margin: 0 0 var(--space-2xl);max-width: 600px;margin-left: auto;margin-right: auto;color: #fff}.hero-actions{display: flex;align-items: center;justify-content: center;gap: var(--space-md);flex-wrap: wrap;margin-bottom: var(--space-xl)}.hero-btn-primary{display: inline-flex;align-items: center;gap: var(--space-xs);padding: calc(var(--space-sm) + 2px) calc(var(--space-2xl) + 2px);font-size: var(--fs-md);font-weight: var(--fw-semibold);color: #fff;background: linear-gradient(135deg, var(--color-primary), var(--color-neon-blue));border-radius: var(--radius-full);text-decoration: none;cursor: pointer;transition: transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);position: relative;overflow: hidden}.hero-btn-primary::before{content: '';position: absolute;inset: 0;background: linear-gradient(135deg, transparent 30%, rgba(255, 255, 255, 0.15) 50%, transparent 70%);background-size: 200% 100%;animation: dataFlowRight 3s ease-in-out infinite}.hero-btn-primary:hover{transform: translateY(-3px);box-shadow: var(--shadow-glow-strong);filter: brightness(1.1);color: #fff}.hero-btn-secondary{display: inline-flex;align-items: center;gap: var(--space-xs);padding: var(--space-sm) var(--space-2xl);font-size: var(--fs-md);font-weight: var(--fw-semibold);color: #fff;background: rgba(255, 255, 255, 0.06);border: 2px solid rgba(var(--color-neon-cyan-rgb), 0.3);border-radius: var(--radius-full);text-decoration: none;cursor: pointer;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: background var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast)}.hero-btn-secondary:hover{background: rgba(var(--color-neon-cyan-rgb), 0.08);border-color: rgba(var(--color-neon-cyan-rgb), 0.6);transform: translateY(-3px);box-shadow: 0 0 20px rgba(var(--color-neon-cyan-rgb), 0.15)}.hero-phone{display: flex;align-items: center;justify-content: center;gap: var(--space-xs);font-size: var(--fs-lg);font-weight: var(--fw-semibold);color: rgba(255, 255, 255, 0.9);margin-bottom: var(--space-md)}.hero-phone a{color: #fff;text-decoration: none}.hero-phone i{color: var(--color-neon-cyan)}.hero-speed-badge{display: inline-flex;align-items: center;gap: var(--space-xs);padding: var(--space-xs) var(--space-lg);background: rgba(255, 255, 255, 0.08);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.25);border-radius: var(--radius-full);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);font-size: var(--fs-md);font-weight: var(--fw-bold);color: #fff;animation: floatBadge 3s ease-in-out infinite;box-shadow: 0 0 30px rgba(var(--color-neon-cyan-rgb), 0.15), inset 0 0 20px rgba(var(--color-neon-cyan-rgb), 0.05)}.hero-speed-badge .speed-number{font-size: var(--fs-2xl);font-weight: var(--fw-extrabold);color: var(--color-neon-cyan);text-shadow: 0 0 12px rgba(var(--color-neon-cyan-rgb), 0.5)}.hero-scroll-indicator{position: absolute;bottom: var(--space-xl);left: 50%;transform: translateX(-50%);z-index: 5;display: flex;flex-direction: column;align-items: center;gap: var(--space-xs);color: rgba(var(--color-neon-cyan-rgb), 0.6);text-decoration: none;font-size: var(--fs-xs);animation: bounceDown 2s ease-in-out infinite}.hero-scroll-indicator i{font-size: 1.25rem}.page-header{background: linear-gradient(135deg, var(--gradient-1) 0%, var(--gradient-2) 40%, var(--gradient-3) 100%);padding: calc(var(--header-height) + var(--utility-bar-height) + var(--space-3xl)) var(--container-padding) var(--space-3xl);text-align: center;color: #fff;position: relative;overflow: hidden}.page-header::before{content: '';position: absolute;inset: 0;background-image: linear-gradient(rgba(var(--color-neon-cyan-rgb), 0.05) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--color-neon-cyan-rgb), 0.05) 1px, transparent 1px);background-size: 50px 50px;z-index: 0}.page-header::after{content: '';position: absolute;inset: 0;background: radial-gradient(ellipse at 50% 100%, rgba(0, 180, 216, 0.1) 0%, transparent 60%), rgba(0, 0, 0, 0.1);pointer-events: none;z-index: 0}.page-header-bg{position: absolute;inset: 0;z-index: 0;background-size: cover;background-position: center;background-repeat: no-repeat;opacity: 0.15;pointer-events: none}.page-header-content{position: relative;z-index: 1;max-width: var(--container-max);margin: 0 auto}.page-header-title{font-family: var(--font-heading);font-size: var(--fs-4xl);font-weight: var(--fw-bold);margin: 0 0 var(--space-sm);color: #fff;text-shadow: 0 0 30px rgba(var(--color-neon-cyan-rgb), 0.15)}.page-header-subtitle{font-size: var(--fs-lg);opacity: 0.8;margin: 0;max-width: 600px;margin-left: auto;margin-right: auto;color: #fff}.breadcrumb{display: flex;align-items: center;justify-content: center;gap: var(--space-xs);font-size: var(--fs-sm);margin-top: var(--space-lg);opacity: 0.7}.breadcrumb a{color: rgba(var(--color-neon-cyan-rgb), 0.8);text-decoration: none}.breadcrumb a:hover{color: var(--color-neon-cyan);text-decoration: underline}.breadcrumb-separator{opacity: 0.4}.breadcrumb-current{color: #fff}.section{padding: var(--space-4xl) 0;position: relative}.section + .section::before{content: '';position: absolute;top: 0;left: 10%;right: 10%;height: 1px;background: var(--gradient-section-divider)}.section--bg{background: var(--color-bg)}.section--bg-alt{background: var(--color-bg-alt)}.section--bg-primary{background: linear-gradient(135deg, var(--gradient-1) 0%, var(--gradient-2) 50%, var(--gradient-3) 100%);color: #fff;position: relative;overflow: hidden}.section--bg-primary::after{content: '';position: absolute;inset: 0;background-image: linear-gradient(rgba(var(--color-neon-cyan-rgb), 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--color-neon-cyan-rgb), 0.04) 1px, transparent 1px);background-size: 60px 60px;pointer-events: none}.section--bg-dark{background: var(--color-gray-900);color: #fff}.container{max-width: var(--container-max);margin: 0 auto;padding: 0 var(--container-padding);position: relative;z-index: 1}.container--narrow{max-width: var(--container-narrow)}.section-header{text-align: center;margin-bottom: var(--space-3xl)}.section-label{font-size: var(--fs-sm);font-weight: var(--fw-semibold);text-transform: uppercase;letter-spacing: var(--ls-widest);color: var(--color-neon-cyan);margin-bottom: var(--space-sm)}.section-title{font-family: var(--font-heading);font-size: var(--fs-3xl);font-weight: var(--fw-bold);line-height: var(--lh-tight);margin: 0 0 var(--space-md);color: var(--color-text)}.section--bg-primary .section-title, .section--bg-primary .section-label, .section--bg-dark .section-title{color: #fff}.section--bg-primary .section-label{color: var(--color-neon-cyan)}.section-subtitle{font-size: var(--fs-md);color: var(--color-text-muted);max-width: 600px;margin: 0 auto;line-height: var(--lh-normal)}.section--bg-primary .section-subtitle{color: rgba(255, 255, 255, 0.75)}.decorative-line{display: flex;align-items: center;justify-content: center;gap: var(--space-sm);margin: var(--space-md) auto;width: 100px}.decorative-line::before, .decorative-line::after{content: '';flex: 1;height: 2px;background: linear-gradient(90deg, transparent, var(--color-neon-cyan));border-radius: 1px}.decorative-line::after{background: linear-gradient(90deg, var(--color-neon-cyan), transparent)}.decorative-diamond{width: 8px;height: 8px;background: var(--color-neon-cyan);transform: rotate(45deg);flex-shrink: 0;box-shadow: 0 0 8px var(--color-neon-cyan)}.site-footer{background: var(--color-footer-bg);color: var(--color-footer-text);padding: var(--space-4xl) 0 0;position: relative;overflow: hidden}.site-footer::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 1px;background: linear-gradient(90deg, transparent, var(--color-neon-cyan), var(--color-neon-blue), var(--color-neon-purple), transparent)}.footer-grid{display: grid;grid-template-columns: 1.5fr 1fr 1fr;gap: var(--space-3xl)}.footer-newsletter{grid-column: 1 / -1;max-width: 480px}.footer-brand{max-width: 300px}.footer-brand .footer-logo-link{display: inline-block;text-decoration: none;margin-bottom: var(--space-md)}.footer-brand .footer-logo-image{max-height: 46px;width: auto;max-width: 100%;display: block}.footer-brand .logo-text{color: var(--color-footer-heading);font-size: var(--fs-xl);font-weight: var(--fw-bold);text-decoration: none;display: inline-block}.footer-brand-text{font-size: var(--fs-sm);line-height: var(--lh-relaxed);color: var(--color-footer-text);margin-bottom: var(--space-lg)}.footer-social-links{display: flex;gap: var(--space-sm)}.footer-social-link{display: flex;align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: var(--radius-md);background: rgba(var(--color-neon-cyan-rgb), 0.05);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.08);color: var(--color-footer-text);transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.footer-social-link:hover{background: rgba(var(--color-neon-cyan-rgb), 0.1);border-color: var(--color-neon-cyan);color: var(--color-neon-cyan);box-shadow: 0 0 12px rgba(var(--color-neon-cyan-rgb), 0.2)}.footer-social-link svg{fill: currentColor;width: 20px;height: 20px}.footer-heading{font-family: var(--font-heading);font-size: var(--fs-base);font-weight: var(--fw-semibold);color: var(--color-footer-heading);margin: 0 0 var(--space-lg);text-transform: uppercase;letter-spacing: var(--ls-wider)}.footer-links ul, .footer-col ul{list-style: none;margin: 0;padding: 0}.footer-links li, .footer-col li{margin-bottom: var(--space-sm)}.footer-links a, .footer-col a{font-size: var(--fs-sm);color: var(--color-footer-link);text-decoration: none;transition: color var(--transition-fast)}.footer-links a:hover, .footer-col a:hover{color: var(--color-neon-cyan)}.footer-contact-item{display: flex;align-items: flex-start;gap: var(--space-sm);margin-bottom: var(--space-md);font-size: var(--fs-sm)}.footer-contact-item svg{width: 18px;height: 18px;flex-shrink: 0;margin-top: 2px;fill: none;stroke: var(--color-neon-cyan);stroke-width: 1.5}.footer-contact-link{color: var(--color-footer-link);text-decoration: none}.footer-contact-link:hover{color: var(--color-neon-cyan)}.footer-newsletter{max-width: 300px}.footer-newsletter-text{font-size: var(--fs-sm);line-height: var(--lh-normal);margin-bottom: var(--space-md)}.footer-newsletter-form{display: flex;gap: var(--space-xs)}.footer-newsletter-input{flex: 1;padding: var(--space-xs) var(--space-md);font-size: var(--fs-sm);background: rgba(var(--color-neon-cyan-rgb), 0.04);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.1);border-radius: var(--radius-md);color: #fff;outline: none;transition: border-color var(--transition-fast), box-shadow var(--transition-fast)}.footer-newsletter-input::placeholder{color: rgba(255, 255, 255, 0.3)}.footer-newsletter-input:focus{border-color: var(--color-neon-cyan);box-shadow: 0 0 12px rgba(var(--color-neon-cyan-rgb), 0.15)}.footer-newsletter-btn{padding: var(--space-xs) var(--space-md);font-size: var(--fs-sm);font-weight: var(--fw-semibold);color: #fff;background: linear-gradient(135deg, var(--color-primary), var(--color-neon-blue));border: none;border-radius: var(--radius-md);cursor: pointer;transition: filter var(--transition-fast), box-shadow var(--transition-fast);white-space: nowrap}.footer-newsletter-btn:hover{filter: brightness(1.15);box-shadow: var(--shadow-glow)}.footer-bottom{display: flex;align-items: center;justify-content: space-between;padding: var(--space-lg) 0;margin-top: var(--space-3xl);border-top: 1px solid var(--color-footer-border);font-size: var(--fs-xs)}.footer-copyright{color: var(--color-footer-text);margin: 0}.footer-legal-links{display: flex;gap: var(--space-lg)}.footer-legal-link{color: var(--color-footer-link);text-decoration: none;transition: color var(--transition-fast)}.footer-legal-link:hover{color: var(--color-neon-cyan)}.grid{display: grid;gap: var(--space-lg)}.grid-2{grid-template-columns: repeat(2, 1fr)}.grid-3{grid-template-columns: repeat(3, 1fr)}.grid-4{grid-template-columns: repeat(4, 1fr)}@media (max-width: 1024px){.main-nav{display: none}.hamburger{display: flex}.header-actions .btn-cta, .header-actions .theme-toggle, .header-actions .auth-trigger{display: none}.footer-grid{grid-template-columns: repeat(2, 1fr)}.grid-4{grid-template-columns: repeat(2, 1fr)}.hero-title{font-size: var(--fs-4xl)}}@media (max-width: 768px){:root{--container-padding: 16px}.section{padding: var(--space-3xl) 0}.footer-grid{grid-template-columns: 1fr;gap: var(--space-2xl)}.footer-bottom{flex-direction: column;gap: var(--space-md);text-align: center}.grid-2, .grid-3{grid-template-columns: 1fr}.hero-subtitle{font-size: var(--fs-md)}.hero-actions{flex-direction: column;margin-bottom: 0}.hero-btn-primary, .hero-btn-secondary{width: 100%;justify-content: center}.page-header{padding-top: calc(var(--header-height) + var(--utility-bar-height) + var(--alert-bar-height, 0px) + var(--space-2xl));padding-bottom: var(--space-2xl)}.page-header-title{font-size: var(--fs-3xl)}.hero-bg-desktop{display: none}.hero-bg-mobile[src]:not([src=""]){display: block}.hero-scroll-indicator{display: none}.hero-gradient-bg{animation: none}.hero-gradient-bg::before{animation: none;will-change: auto}.hero-gradient-bg::after{display: none}.hero-speed-badge{animation: none;backdrop-filter: none;-webkit-backdrop-filter: none;background: rgba(10, 16, 32, 0.55)}}@media (max-width: 480px){.utility-bar{display: none}.site-header{top: var(--alert-bar-height, 0px)}.hero{padding-top: calc(var(--header-height) + var(--alert-bar-height, 0px))}.page-header{padding-top: calc(var(--header-height) + var(--alert-bar-height, 0px) + var(--space-2xl))}.header-actions .lang-dropdown, .header-actions .theme-toggle, .header-actions .auth-trigger{display: none}.hero-speed-badge{font-size: var(--fs-sm)}.hero-speed-badge .speed-number{font-size: var(--fs-xl)}.footer-newsletter-form{flex-direction: column}.footer-legal-links{flex-direction: column;gap: var(--space-sm)}}@media (prefers-reduced-motion: reduce){.hero-gradient-bg, .hero-gradient-bg::before, .hero-gradient-bg::after, .hero-speed-badge, .hero-scroll-indicator, .coverage-map-container::before, .hero-coverage-bar-pulse, .coverage-float-pulse{animation: none !important}}@keyframes borderGlow{0%, 100%{border-color: rgba(var(--color-neon-cyan-rgb), 0.2);box-shadow: 0 0 0 rgba(var(--color-neon-cyan-rgb), 0)}50%{border-color: rgba(var(--color-neon-cyan-rgb), 0.5);box-shadow: 0 0 20px rgba(var(--color-neon-cyan-rgb), 0.1)}}@keyframes neonPulse{0%, 100%{box-shadow: 0 0 5px rgba(var(--color-neon-cyan-rgb), 0.2), 0 0 20px rgba(var(--color-neon-cyan-rgb), 0.05)}50%{box-shadow: 0 0 15px rgba(var(--color-neon-cyan-rgb), 0.3), 0 0 40px rgba(var(--color-neon-cyan-rgb), 0.1)}}@keyframes iconFloat{0%, 100%{transform: translateY(0) scale(1)}50%{transform: translateY(-4px) scale(1.05)}}@keyframes shineSlide{0%{transform: translateX(-100%) skewX(-15deg)}100%{transform: translateX(300%) skewX(-15deg)}}@keyframes dataStreamVertical{0%{background-position: 0 0}100%{background-position: 0 200px}}@keyframes cardReveal{from{opacity: 0;transform: translateY(20px)}to{opacity: 1;transform: translateY(0)}}.pricing-grid{display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-lg);align-items: stretch}.pricing-card{position: relative;background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-xl);padding: var(--space-2xl) var(--space-xl);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);display: flex;flex-direction: column;overflow: hidden}.pricing-card::before{content: '';position: absolute;top: 0;left: -100%;width: 60px;height: 100%;background: linear-gradient(90deg, transparent, rgba(var(--color-neon-cyan-rgb), 0.06), transparent);transform: skewX(-15deg);transition: none;pointer-events: none}.pricing-card:hover::before{animation: shineSlide 0.8s ease forwards}.pricing-card:hover{transform: translateY(-6px);box-shadow: var(--shadow-xl), var(--shadow-glow);border-color: rgba(var(--color-neon-cyan-rgb), 0.3)}.pricing-card--featured{transform: scale(1.05);border-color: var(--color-accent);border-width: 2px;box-shadow: var(--shadow-glow);z-index: 1;background: var(--glass-bg-strong)}.pricing-card--featured::after{content: '';position: absolute;inset: -1px;border-radius: calc(var(--radius-xl) + 1px);background: linear-gradient(135deg, rgba(var(--color-neon-cyan-rgb), 0.12) 0%, rgba(var(--color-neon-blue-rgb), 0.06) 50%, rgba(var(--color-neon-cyan-rgb), 0.10) 100%);z-index: -1;border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.15);box-shadow: 0 0 30px rgba(var(--color-neon-cyan-rgb), 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.04)}.pricing-card--featured:hover{transform: scale(1.05) translateY(-6px);box-shadow: var(--shadow-glow-strong)}.pricing-badge{position: absolute;top: 0;right: var(--space-xl);background: linear-gradient(135deg, var(--color-accent), var(--color-accent-light));color: #fff;font-size: var(--fs-xs);font-weight: var(--fw-bold);padding: var(--space-2xs) var(--space-md);border-radius: 0 0 var(--radius-md) var(--radius-md);text-transform: uppercase;letter-spacing: var(--ls-wide);box-shadow: 0 4px 12px rgba(var(--color-accent-rgb), 0.3)}.pricing-card-name{font-size: var(--fs-lg);font-weight: var(--fw-semibold);color: var(--color-text);margin-bottom: var(--space-md)}.pricing-speed{display: flex;align-items: baseline;gap: var(--space-xs);margin-bottom: var(--space-md)}.pricing-speed-value{font-size: var(--fs-4xl);font-weight: var(--fw-extrabold);color: var(--color-primary);line-height: 1;text-shadow: 0 0 20px rgba(var(--color-primary-rgb), 0.3)}.pricing-speed-unit{font-size: var(--fs-md);font-weight: var(--fw-medium);color: var(--color-text-muted)}.pricing-speed-label{font-size: var(--fs-xs);color: var(--color-text-muted);margin-bottom: var(--space-lg)}.pricing-price{display: flex;align-items: baseline;gap: var(--space-2xs);margin-bottom: var(--space-xs)}.pricing-currency{font-size: var(--fs-lg);font-weight: var(--fw-semibold);color: var(--color-text)}.pricing-amount{font-size: var(--fs-3xl);font-weight: var(--fw-bold);color: var(--color-text);line-height: 1}.pricing-period{font-size: var(--fs-sm);color: var(--color-text-muted)}.pricing-vat{font-size: var(--fs-xs);color: var(--color-text-light);margin-bottom: var(--space-lg)}.pricing-divider{height: 1px;background: var(--gradient-section-divider);margin: var(--space-md) 0}.pricing-features{list-style: none;margin: 0 0 var(--space-xl);padding: 0;flex: 1}.pricing-features li{display: flex;align-items: flex-start;gap: var(--space-sm);padding: var(--space-xs) 0;font-size: var(--fs-sm);color: var(--color-text-secondary)}.pricing-features li i{color: var(--color-neon-cyan);font-size: 0.8rem;margin-top: 3px;flex-shrink: 0}.pricing-features li.disabled{opacity: 0.35}.pricing-features li.disabled i{color: var(--color-text-light)}.pricing-cta{display: block;width: 100%;padding: var(--space-sm) var(--space-lg);font-size: var(--fs-md);font-weight: var(--fw-semibold);text-align: center;color: var(--color-primary);background: var(--color-primary-light);border: 2px solid var(--color-primary);border-radius: var(--radius-full);text-decoration: none;cursor: pointer;transition: background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast)}.pricing-cta:hover{background: var(--color-primary);color: #fff;transform: translateY(-2px);box-shadow: var(--shadow-glow)}.pricing-card--featured .pricing-cta{background: linear-gradient(135deg, var(--color-primary), var(--color-neon-blue));color: #fff;border: none}.pricing-card--featured .pricing-cta:hover{filter: brightness(1.15);box-shadow: var(--shadow-glow-strong)}.pricing-skeleton{background: var(--color-surface);border: 1px solid var(--color-border);border-radius: var(--radius-xl);padding: var(--space-2xl) var(--space-xl)}.coverage-map-section{background: var(--color-bg-alt)}.coverage-map-container{border-radius: var(--radius-2xl);overflow: hidden;border: 1px solid var(--glass-border-subtle);position: relative;padding-top: 0}.coverage-map-wrapper .coverage-map-container{padding-top: 0}.coverage-map-wrapper .coverage-map-container #coverage-map{}.coverage-map-container::before{content: '';position: absolute;inset: -2px;border-radius: calc(var(--radius-2xl) + 2px);background: linear-gradient(135deg, rgba(var(--color-neon-cyan-rgb), 0.2), rgba(var(--color-primary-rgb), 0.1), rgba(var(--color-neon-blue-rgb), 0.2), rgba(var(--color-neon-cyan-rgb), 0.2));background-size: 300% 300%;z-index: -1;filter: blur(4px)}#coverage-map{height: 650px;width: 100%;background: var(--color-surface);z-index: 0}.coverage-map-fullpage #coverage-map{height: 85vh;min-height: 650px}@media (max-width: 768px){#coverage-map{height: 450px !important}.coverage-map-fullpage #coverage-map{min-height: 450px}}.leaflet-control-attribution{display: none}.leaflet-popup-content-wrapper{border-radius: var(--radius-lg) !important;box-shadow: var(--shadow-xl), var(--shadow-glow) !important;font-family: var(--font-body) !important;padding: 0 !important;background: var(--glass-bg-strong) !important;backdrop-filter: blur(var(--glass-blur)) !important;color: var(--color-text) !important;border: 1px solid var(--glass-border-subtle) !important}.leaflet-popup-content{font-size: var(--fs-sm) !important;line-height: var(--lh-normal) !important;margin: 0 !important;padding: var(--space-sm) !important}.leaflet-popup-close-button{display: none}.leaflet-popup-tip{background: var(--glass-bg-strong) !important}.leaflet-control-zoom.leaflet-bar.leaflet-control{border: none;box-shadow: var(--shadow-lg);border-radius: var(--radius-lg);overflow: hidden}.leaflet-control-container .leaflet-control-zoom-in,.leaflet-control-container .leaflet-control-zoom-out{background-color: var(--glass-bg-strong);backdrop-filter: blur(var(--glass-blur));color: var(--color-text);font-size: 1.5rem !important;line-height: 1;width: 40px !important;height: 40px !important;display: flex;align-items: center;justify-content: center;border: none;transition: background var(--transition-fast), color var(--transition-fast)}.leaflet-control-container .leaflet-control-zoom-in:hover,.leaflet-control-container .leaflet-control-zoom-out:hover{background-color: var(--color-primary-light);color: var(--color-neon-cyan)}.leaflet-control-container .leaflet-control-zoom-out{border-top: 1px solid var(--color-border)}.coverage-popup-title{font-weight: var(--fw-semibold);font-size: var(--fs-base)}.coverage-popup-speed{color: var(--color-neon-cyan);font-weight: var(--fw-bold)}.coverage-legend{display: flex;align-items: center;justify-content: center;gap: var(--space-xl);margin-top: var(--space-lg);flex-wrap: wrap}.coverage-legend-item{display: flex;align-items: center;gap: var(--space-xs);font-size: var(--fs-sm);color: var(--color-text-muted)}.coverage-legend-color{width: 16px;height: 16px;border-radius: var(--radius-sm);border: 1px solid var(--color-border);box-shadow: 0 0 4px currentColor}.coverage-areas-list{display: grid;grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));gap: var(--space-sm);margin-top: var(--space-lg)}.coverage-area-item{display: flex;align-items: center;gap: var(--space-sm);padding: var(--space-sm) var(--space-md);background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-md);font-size: var(--fs-sm);cursor: pointer;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast)}.coverage-area-item:hover{border-color: var(--color-neon-cyan);background: var(--color-primary-light);box-shadow: 0 0 12px rgba(var(--color-neon-cyan-rgb), 0.1)}.coverage-area-item i{color: var(--color-success);font-size: 0.75rem}.bundles-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(min(374px, 100%), 1fr));gap: var(--space-lg)}.bundles-carousel{position: relative;display: flex;align-items: center;gap: 0;overflow: hidden}.bundles-carousel-track{display: flex;gap: var(--space-lg);overflow-x: auto;scroll-snap-type: x proximity;scroll-behavior: smooth;-webkit-overflow-scrolling: touch;padding: var(--space-md) 0;scrollbar-width: none;cursor: grab}.bundles-carousel-track::-webkit-scrollbar{display: none}.bundles-carousel-track > .bundle-card{flex: 0 0 calc((100% - var(--space-lg) * 2) / 3);min-width: 280px;max-width: 420px;scroll-snap-align: start}@media (max-width: 1024px){.bundles-carousel-track > .bundle-card{flex: 0 0 calc((100% - var(--space-lg)) / 2)}}@media (max-width: 640px){.bundles-carousel-track > .bundle-card{flex: 0 0 88%;min-width: 0}}.bundles-carousel-arrow{position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;width: 44px;height: 44px;border: 1px solid var(--glass-border-subtle);border-radius: 50%;background: var(--glass-bg);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);color: var(--color-neon-cyan);font-size: 1rem;cursor: pointer;display: flex;align-items: center;justify-content: center;transition: background var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), opacity var(--transition-base);box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15)}.bundles-carousel-arrow:hover{background: rgba(var(--color-neon-cyan-rgb), 0.12);border-color: rgba(var(--color-neon-cyan-rgb), 0.4);box-shadow: 0 0 20px rgba(var(--color-neon-cyan-rgb), 0.15), 0 4px 16px rgba(0, 0, 0, 0.2)}.bundles-carousel-arrow--left{left: 8px}.bundles-carousel-arrow--right{right: 8px}.bundles-carousel-arrow.hidden{opacity: 0;pointer-events: none;visibility: hidden}.bundles-carousel-arrow{transition: background var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base), opacity 0.3s ease}.bundles-carousel-track:active{cursor: grabbing}.bundle-card{background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-xl);padding: var(--space-xl);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);position: relative;overflow: hidden}.bundle-card::before{content: '';position: absolute;top: 0;left: -150%;width: 80px;height: 100%;background: linear-gradient(90deg, transparent, rgba(var(--color-neon-cyan-rgb), 0.05), transparent);transform: skewX(-15deg);pointer-events: none}.bundle-card:hover::before{animation: shineSlide 0.9s ease forwards}.bundle-card:hover{transform: translateY(-6px);box-shadow: var(--shadow-lg), 0 0 20px rgba(var(--color-neon-cyan-rgb), 0.08);border-color: rgba(var(--color-neon-cyan-rgb), 0.25)}.bundle-card-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-md);flex-direction: column;align-items: flex-start}.bundle-card-name{font-size: var(--fs-xl);font-weight: var(--fw-bold);color: var(--color-text)}.bundle-channel-count{display: inline-flex;align-items: center;gap: var(--space-2xs);padding: var(--space-2xs) var(--space-sm);background: var(--color-primary-light);color: var(--color-neon-cyan);font-size: var(--fs-xs);font-weight: var(--fw-semibold);border-radius: var(--radius-full);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.15)}.bundle-price{margin-bottom: var(--space-md)}.bundle-price-current{font-size: var(--fs-2xl);font-weight: var(--fw-bold);color: var(--color-text)}.bundle-price-period{font-size: var(--fs-sm);color: var(--color-text-light);margin-left: var(--space-2xs)}.bundle-price-old{font-size: var(--fs-sm);color: var(--color-text-light);text-decoration: line-through;margin-left: var(--space-xs)}.bundle-features{list-style: none;margin: 0 0 var(--space-lg);padding: 0}.bundle-features li{display: flex;align-items: center;gap: var(--space-sm);padding: var(--space-xs) 0;font-size: var(--fs-sm);color: var(--color-text-secondary)}.bundle-features li i{color: var(--color-neon-cyan);font-size: 0.75rem;width: 16px;text-align: center;flex-shrink: 0}.bundle-discount{color: var(--color-success);font-size: var(--fs-sm);font-weight: var(--fw-semibold);margin-bottom: var(--space-md)}.bundle-card--featured{border-color: rgba(var(--color-neon-cyan-rgb), 0.35);box-shadow: var(--shadow-md), 0 0 25px rgba(var(--color-neon-cyan-rgb), 0.1);position: relative}.bundle-card--featured::after{content: '★';position: absolute;top: var(--space-sm);right: var(--space-sm);background: linear-gradient(135deg, var(--color-primary), var(--color-neon-cyan));color: #fff;width: 28px;height: 28px;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 0.75rem}.bundle-cta{display: block;text-align: center;margin-top: auto}.bundle-card{display: flex;flex-direction: column}.tv-channel-panel{display: none}.tv-channel-panel.active{display: block}.tv-channel-grid{display: none}.tv-channel-grid.active{display: block}.tv-channel-items{display: grid;grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));gap: var(--space-sm);margin-bottom: var(--space-lg)}.tv-channel-item{display: flex;align-items: center;gap: var(--space-sm);padding: var(--space-sm) var(--space-md);background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-md);font-size: var(--fs-sm);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: border-color var(--transition-fast)}.tv-channel-item:hover{border-color: rgba(var(--color-neon-cyan-rgb), 0.3)}.tv-channel-logo{width: 40px;height: 30px;object-fit: contain;flex-shrink: 0;border-radius: var(--radius-sm);background: transparent;mix-blend-mode: normal}.tv-channel-badge{font-size: var(--fs-xs);font-weight: var(--fw-bold);padding: 2px 6px;border-radius: var(--radius-sm);text-transform: uppercase}.tv-channel-badge--hd{background: var(--color-primary-light);color: var(--color-neon-cyan);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.15)}.tv-channel-badge--4k{background: rgba(var(--color-neon-blue-rgb), 0.1);color: var(--color-neon-purple);border: 1px solid rgba(var(--color-neon-blue-rgb), 0.15)}.tv-pkg-summary{display: flex;gap: var(--space-lg);padding: var(--space-md) var(--space-lg);margin-bottom: var(--space-lg);background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-xl);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);flex-wrap: wrap}.tv-pkg-summary-stat{display: flex;align-items: center;gap: var(--space-xs);font-size: var(--fs-sm);color: var(--color-text-secondary)}.tv-pkg-summary-stat i{color: var(--color-neon-cyan);font-size: 0.85rem}.tv-pkg-summary-stat strong{color: var(--color-text);font-weight: var(--fw-bold)}.tv-cat-accordion{margin-bottom: var(--space-md);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-lg);overflow: hidden;background: var(--glass-bg);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: border-color var(--transition-fast)}.tv-cat-accordion:hover{border-color: rgba(var(--color-neon-cyan-rgb), 0.2)}.tv-cat-accordion-header{display: flex;align-items: center;width: 100%;padding: var(--space-md) var(--space-lg);background: transparent;border: none;cursor: pointer;color: var(--color-text);font-family: inherit;text-align: left;gap: var(--space-sm);transition: background var(--transition-fast)}.tv-cat-accordion-header:hover{background: rgba(var(--color-neon-cyan-rgb), 0.04)}.tv-cat-accordion-title{font-size: var(--fs-base);font-weight: var(--fw-semibold);flex: 1}.tv-cat-accordion-meta{font-size: var(--fs-xs);color: var(--color-text-muted);padding: 2px 10px;background: var(--color-primary-light);border-radius: var(--radius-full);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.1)}.tv-cat-accordion-icon{font-size: 0.75rem;color: var(--color-text-muted);transition: transform 0.3s ease}.tv-cat-accordion.open .tv-cat-accordion-icon{transform: rotate(180deg)}.tv-cat-accordion-body{overflow: hidden;transition: max-height 0.35s ease}.tv-cat-accordion.open .tv-cat-accordion-body{}.tv-channel-chips{display: flex;flex-wrap: wrap;gap: var(--space-xs);padding: var(--space-sm) var(--space-lg) var(--space-lg);border-top: 1px solid var(--glass-border-subtle)}.tv-channel-chip{display: inline-flex;align-items: center;gap: var(--space-2xs);padding: var(--space-2xs) var(--space-sm);background: rgba(var(--color-neon-cyan-rgb), 0.04);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.08);border-radius: var(--radius-full);font-size: var(--fs-xs);color: var(--color-text);transition: border-color var(--transition-fast), background var(--transition-fast)}.tv-channel-chip:hover{border-color: rgba(var(--color-neon-cyan-rgb), 0.3);background: rgba(var(--color-neon-cyan-rgb), 0.08)}.tv-chip-logo{width: 28px;height: 20px;object-fit: contain;border-radius: 3px;flex-shrink: 0}.tv-chip-name{font-weight: var(--fw-medium);white-space: nowrap}.tv-chip-badge{font-size: 0.6rem;font-weight: var(--fw-bold);text-transform: uppercase;padding: 1px 5px;border-radius: var(--radius-sm);line-height: 1.3}.tv-chip-badge--hd{background: var(--color-primary-light);color: var(--color-neon-cyan);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.15)}.tv-chip-badge--4k{background: rgba(var(--color-neon-blue-rgb), 0.1);color: var(--color-neon-purple);border: 1px solid rgba(var(--color-neon-blue-rgb), 0.15)}.tv-chip-badge--summary{font-size: 0.7rem;padding: 2px 8px;letter-spacing: 0.04em}.tv-addon-header{display: flex;align-items: center;gap: var(--space-sm);margin: var(--space-xl) 0 var(--space-md);font-size: var(--fs-base);font-weight: var(--fw-semibold);color: var(--color-text-secondary);flex-basis: 100%;width: 100%}.tv-addon-header i{color: var(--color-neon-cyan)}.tv-filter-tabs{display: flex;gap: var(--space-xs);margin-bottom: var(--space-xl);flex-wrap: wrap}.tv-filter-tab{display: flex;flex-direction: column;align-items: center;gap: 2px;padding: var(--space-sm) var(--space-lg);font-size: var(--fs-sm);font-weight: var(--fw-medium);color: var(--color-text-muted);background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-lg);cursor: pointer;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: all var(--transition-fast);min-width: 100px}.tv-filter-tab-name{font-weight: var(--fw-semibold);font-size: var(--fs-sm)}.tv-filter-tab-count{font-size: var(--fs-xs);opacity: 0.7;padding: 1px 12px;font-weight: var(--fw-bold);background: var(--color-primary-light);color: var(--color-neon-cyan);border-radius: var(--radius-xl);border: 1px solid var(--color-primary);margin-top: var(--space-2xs)}.tv-filter-tab:hover{border-color: rgba(var(--color-neon-cyan-rgb), 0.3);color: var(--color-neon-cyan)}.tv-filter-tab.active{background: linear-gradient(135deg, var(--color-primary), var(--color-neon-blue));color: #fff;border-color: transparent;box-shadow: var(--shadow-glow)}.comparison-table-wrapper{overflow-x: auto;-webkit-overflow-scrolling: touch;border-radius: var(--radius-xl);border: 1px solid var(--glass-border-subtle);box-shadow: var(--glass-shadow)}.comparison-table{width: 100%;border-collapse: collapse;font-size: var(--fs-sm)}.comparison-table th, .comparison-table td{padding: var(--space-sm) var(--space-md);text-align: center;border-bottom: 1px solid var(--color-border)}.comparison-table th{background: var(--color-bg-alt);font-weight: var(--fw-semibold);color: var(--color-text);white-space: nowrap}.comparison-table td:first-child{text-align: left;font-weight: var(--fw-medium);color: var(--color-text)}.comparison-table .check{color: var(--color-neon-cyan)}.comparison-table .cross{color: var(--color-text-light)}.combo-highlight{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-3xl);align-items: center;background: var(--glass-bg);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid var(--glass-border);border-radius: var(--radius-xl);padding: var(--space-2xl)}.combo-highlight-content .section-label{margin-bottom: var(--space-sm)}.combo-highlight-title{font-size: clamp(1.5rem, 3vw, 2rem);font-weight: var(--fw-bold);color: var(--color-text);line-height: 1.3;margin-bottom: var(--space-md)}.combo-highlight-text{color: var(--color-text-light);line-height: 1.7;margin-bottom: var(--space-lg)}.combo-highlight-stats{display: flex;flex-direction: column;gap: var(--space-lg)}.combo-stat{display: flex;align-items: baseline;gap: var(--space-sm);flex-wrap: wrap}.combo-stat-value{font-size: clamp(2rem, 4vw, 3rem);font-weight: var(--fw-bold);color: var(--color-primary);line-height: 1}.combo-stat-unit{font-size: 1.25rem;font-weight: var(--fw-semibold);color: var(--color-primary)}.combo-stat-label{width: 100%;font-size: 0.9rem;color: var(--color-text-light)}@media (max-width: 768px){.coverage-map-fullpage #coverage-map{height: 65vh;min-height: 450px}#coverage-map{height: 450px}.combo-highlight{grid-template-columns: 1fr;gap: var(--space-xl);padding: var(--space-xl)}}.equipment-grid{display: grid;grid-template-columns: repeat(2, 1fr);gap: var(--space-xl)}.equipment-card{background: var(--glass-bg);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);border: 1px solid var(--glass-border);border-radius: var(--radius-xl);padding: var(--space-2xl);text-align: center;transition: transform 0.3s ease, box-shadow 0.3s ease}.equipment-card:hover{transform: translateY(-4px);box-shadow: 0 12px 40px rgba(57, 172, 234, 0.15)}.equipment-card-icon{width: 72px;height: 72px;border-radius: var(--radius-xl);background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: 1px solid var(--glass-border-subtle);box-shadow: 0 2px 12px rgba(var(--color-neon-cyan-rgb), 0.08);display: flex;align-items: center;justify-content: center;margin: 0 auto var(--space-lg);font-size: 1.75rem;color: var(--color-neon-cyan);transition: box-shadow var(--transition-base), border-color var(--transition-base), transform var(--transition-base)}.equipment-card:hover .equipment-card-icon{box-shadow: 0 0 20px rgba(var(--color-neon-cyan-rgb), 0.2);border-color: rgba(var(--color-neon-cyan-rgb), 0.3);transform: scale(1.08)}.equipment-card-title{font-size: 1.35rem;font-weight: var(--fw-bold);color: var(--color-text);margin-bottom: var(--space-md)}.equipment-card-text{color: var(--color-text-light);line-height: 1.7;margin-bottom: var(--space-lg)}@media (max-width: 640px){.equipment-grid{grid-template-columns: 1fr}}.promo-banner-section{background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%)}.promo-banner{display: flex;align-items: center;justify-content: space-between;gap: var(--space-2xl);padding: var(--space-xl) 0}.promo-banner-content{flex: 1}.promo-banner-title{font-size: clamp(1.75rem, 4vw, 2.5rem);font-weight: var(--fw-bold);color: #fff;margin-bottom: var(--space-md)}.promo-banner-text{color: rgba(255, 255, 255, 0.85);font-size: 1.05rem;line-height: 1.7;margin-bottom: var(--space-lg);max-width: 560px}.promo-banner-content .btn--primary{background: #fff;color: var(--color-secondary);border-color: #fff}.promo-banner-content .btn--primary:hover{background: rgba(255, 255, 255, 0.9);color: var(--color-secondary)}.promo-banner-price{display: flex;flex-direction: column;align-items: center;background: rgba(255, 255, 255, 0.12);backdrop-filter: blur(8px);border: 1px solid rgba(255, 255, 255, 0.2);border-radius: var(--radius-xl);padding: var(--space-xl) var(--space-2xl);text-align: center;min-width: 200px}.promo-price-label{font-size: 0.9rem;color: rgba(255, 255, 255, 0.7);text-transform: uppercase;letter-spacing: 0.1em;margin-bottom: var(--space-xs)}.promo-price-value{font-size: clamp(3rem, 6vw, 4.5rem);font-weight: var(--fw-bold);color: #fff;line-height: 1}.promo-price-currency{font-size: 1rem;color: rgba(255, 255, 255, 0.85);margin-top: var(--space-xs)}@media (max-width: 768px){.promo-banner{flex-direction: column;text-align: center}.promo-banner-text{max-width: none}.promo-banner-price{min-width: unset;width: 100%;max-width: 280px}}.faq-categories{display: flex;gap: var(--space-xs);margin-bottom: var(--space-xl);flex-wrap: wrap}.faq-category-btn{padding: var(--space-xs) var(--space-lg);font-size: var(--fs-sm);font-weight: var(--fw-medium);color: var(--color-text-muted);background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-full);cursor: pointer;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: all var(--transition-fast)}.faq-category-btn:hover{border-color: rgba(var(--color-neon-cyan-rgb), 0.3);color: var(--color-neon-cyan)}.faq-category-btn.active{background: linear-gradient(135deg, var(--color-primary), var(--color-neon-blue));color: #fff;border-color: transparent;box-shadow: var(--shadow-glow)}.faq-list{max-width: 800px}.faq-item{border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-lg);margin-bottom: var(--space-sm);overflow: hidden;background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));transition: border-color 0.3s ease, box-shadow 0.3s ease}.faq-item.active{border-color: rgba(var(--color-neon-cyan-rgb), 0.4);box-shadow: 0 0 20px rgba(var(--color-neon-cyan-rgb), 0.08), var(--shadow-md)}.faq-question{display: flex;align-items: center;justify-content: space-between;gap: var(--space-md);width: 100%;padding: var(--space-md) var(--space-lg);font-size: var(--fs-md);font-weight: var(--fw-medium);color: var(--color-text);background: none;border: none;cursor: pointer;text-align: left;transition: color var(--transition-fast)}.faq-question:hover{color: var(--color-neon-cyan)}.faq-icon{width: 28px;height: 28px;flex-shrink: 0;display: flex;align-items: center;justify-content: center;font-size: var(--fs-lg);font-weight: var(--fw-light);color: var(--color-text-muted);transition: transform 0.3s ease, color 0.3s ease;background: var(--color-primary-light);border-radius: var(--radius-full)}.faq-item.active .faq-icon{transform: rotate(45deg);color: var(--color-neon-cyan);background: rgba(var(--color-neon-cyan-rgb), 0.15);box-shadow: 0 0 10px rgba(var(--color-neon-cyan-rgb), 0.2)}.faq-answer{max-height: 0;overflow: hidden;transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), padding 0.3s ease}.faq-answer-content{padding: 0 var(--space-lg) var(--space-lg);font-size: var(--fs-sm);color: var(--color-text-secondary);line-height: var(--lh-relaxed)}.faq-item.active .faq-answer{max-height: 500px}.stats-bar{background: linear-gradient(135deg, var(--gradient-2) 0%, var(--color-secondary-dark) 50%, var(--gradient-2) 100%);padding: var(--space-3xl) 0;color: #fff;position: relative;overflow: hidden}.stats-bar::before{content: '';position: absolute;inset: 0;background-image: linear-gradient(rgba(var(--color-neon-cyan-rgb), 0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--color-neon-cyan-rgb), 0.04) 1px, transparent 1px);background-size: 50px 50px;pointer-events: none}.stats-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));gap: var(--space-xl);text-align: center;position: relative;z-index: 1}.stat-item{display: flex;flex-direction: column;align-items: center;gap: var(--space-xs);padding: var(--space-lg);background: rgba(var(--color-neon-cyan-rgb), 0.03);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.1);border-radius: var(--radius-xl);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: border-color var(--transition-base), box-shadow var(--transition-base)}.stat-item:hover{border-color: rgba(var(--color-neon-cyan-rgb), 0.3);box-shadow: 0 0 30px rgba(var(--color-neon-cyan-rgb), 0.1)}.stat-icon{font-size: 1.5rem;color: var(--color-neon-cyan);margin-bottom: var(--space-xs);filter: drop-shadow(0 0 4px rgba(var(--color-neon-cyan-rgb), 0.4))}.stat-number{font-size: var(--fs-4xl);font-weight: var(--fw-extrabold);line-height: 1;color: #fff;text-shadow: 0 0 20px rgba(var(--color-neon-cyan-rgb), 0.3)}.stat-label{font-size: var(--fs-sm);color: rgba(255, 255, 255, 0.6);font-weight: var(--fw-medium);text-transform: uppercase;letter-spacing: var(--ls-wider)}.business-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));gap: var(--space-lg)}.rail-spec{list-style: none;display: flex;flex-wrap: wrap;justify-content: center;gap: var(--space-sm, 12px) var(--space-lg, 24px);margin: 0 0 var(--space-xl, 32px);padding: var(--space-md, 16px) var(--space-lg, 24px);background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-xl, 16px)}.rail-spec li{display: flex;align-items: baseline;gap: var(--space-xs, 8px);font-size: var(--fs-sm, .875rem)}.rail-spec-k{color: var(--color-text-muted);letter-spacing: .08em;text-transform: uppercase;font-size: var(--fs-xs, .75rem)}.rail-spec-v{color: var(--color-primary);font-weight: var(--fw-bold, 700)}.bsvc-card, .business-card{background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-xl);padding: var(--space-xl);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);position: relative;overflow: hidden}.bsvc-card:hover, .business-card:hover{transform: translateY(-6px);box-shadow: var(--shadow-lg), 0 0 20px rgba(var(--color-neon-cyan-rgb), 0.06);border-color: rgba(var(--color-neon-cyan-rgb), 0.3)}.bsvc-card-icon, .business-card-icon{width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, rgba(var(--color-neon-cyan-rgb), 0.1), rgba(var(--color-primary-rgb), 0.1));color: var(--color-neon-cyan);border-radius: var(--radius-lg);font-size: 1.5rem;margin-bottom: var(--space-lg);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.12);transition: transform var(--transition-base), box-shadow var(--transition-base)}.bsvc-card:hover .bsvc-card-icon, .business-card:hover .business-card-icon{animation: iconFloat 1.5s ease-in-out infinite;box-shadow: 0 0 16px rgba(var(--color-neon-cyan-rgb), 0.2)}.bsvc-card-title, .business-card-title{font-size: var(--fs-xl);font-weight: var(--fw-semibold);color: var(--color-text);margin-bottom: var(--space-sm)}.bsvc-card-desc, .business-card-text{font-size: var(--fs-sm);color: var(--color-text-muted);line-height: var(--lh-relaxed);margin-bottom: var(--space-md)}.bsvc-card-features, .business-card-features{list-style: none;margin: 0;padding: 0}.bsvc-card-features li, .business-card-features li{display: flex;align-items: center;gap: var(--space-sm);padding: var(--space-2xs) 0;font-size: var(--fs-sm);color: var(--color-text-secondary)}.bsvc-card-features li i, .business-card-features li i{color: var(--color-neon-cyan);font-size: 0.7rem;width: 14px;text-align: center}.bsvc-card-content{margin-top: var(--space-md);font-size: var(--fs-sm);color: var(--color-text-secondary);line-height: var(--lh-relaxed)}.features-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-lg)}.feature-card{background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-xl);padding: var(--space-xl);text-align: center;backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);position: relative;overflow: hidden}.feature-card::before{content: '';position: absolute;top: -20px;left: 50%;transform: translateX(-50%);width: 120px;height: 120px;background: radial-gradient(circle, rgba(var(--color-neon-cyan-rgb), 0.08) 0%, transparent 70%);border-radius: 50%;opacity: 0;transition: opacity var(--transition-base);pointer-events: none}.feature-card:hover::before{opacity: 1}.feature-card:hover{transform: translateY(-6px);box-shadow: var(--shadow-lg), 0 0 24px rgba(var(--color-neon-cyan-rgb), 0.06);border-color: rgba(var(--color-neon-cyan-rgb), 0.25)}.feature-card-icon{width: 64px;height: 64px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, rgba(var(--color-neon-cyan-rgb), 0.1), rgba(var(--color-neon-blue-rgb), 0.08));color: var(--color-neon-cyan);border-radius: var(--radius-xl);font-size: 1.5rem;margin: 0 auto var(--space-lg);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.1);position: relative;z-index: 1;transition: transform var(--transition-base), box-shadow var(--transition-base)}.feature-card:hover .feature-card-icon{transform: scale(1.08);box-shadow: 0 0 20px rgba(var(--color-neon-cyan-rgb), 0.2)}.feature-card-title{font-size: var(--fs-lg);font-weight: var(--fw-semibold);color: var(--color-text);margin-bottom: var(--space-sm)}.feature-card-text{font-size: var(--fs-sm);color: var(--color-text-muted);line-height: var(--lh-normal)}.promo-overlay{position: fixed;inset: 0;background: rgba(5, 8, 16, 0.7);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);z-index: var(--z-modal);display: flex;align-items: center;justify-content: center;padding: var(--space-md);overflow-y: auto;overscroll-behavior: contain;opacity: 0;visibility: hidden;transition: opacity 0.3s ease, visibility 0.3s ease}.promo-overlay.active{opacity: 1;visibility: visible}.promo-dialog{background: var(--glass-bg-strong);backdrop-filter: blur(var(--glass-blur-strong));-webkit-backdrop-filter: blur(var(--glass-blur-strong));border-radius: var(--radius-2xl);width: 100%;padding: var(--space-2xl);position: relative;box-shadow: var(--shadow-2xl), var(--shadow-glow);background-clip: padding-box;transform: scale(0.9);transition: transform 0.3s ease;max-height: none;overflow: visible;margin: auto}.promo-dialog--sm{max-width: 400px}.promo-dialog--md{max-width: 520px}.promo-dialog--lg{max-width: 720px}.promo-overlay.active .promo-dialog{transform: scale(1)}.promo-dialog::before{content: '';position: absolute;inset: -1px;border-radius: calc(var(--radius-2xl) + 1px);background: linear-gradient(135deg, rgba(var(--color-neon-cyan-rgb), 0.4), rgba(var(--color-primary-rgb), 0.2), rgba(var(--color-neon-cyan-rgb), 0.4));z-index: -1;opacity: 0.7;transition: opacity 0.3s ease}.promo-overlay.active .promo-dialog::before{opacity: 1}.promo-close{position: absolute;top: var(--space-sm);right: var(--space-sm);width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;background: var(--glass-bg);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-lg);cursor: pointer;font-size: 1.1rem;color: var(--color-text-muted);transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);z-index: 1}.promo-close:hover{background: rgba(223, 14, 14, 0.08);border-color: rgba(223, 14, 14, 0.3);color: var(--color-accent);transform: scale(1.1)}[data-theme="dark"] .promo-close:hover{background: rgba(223, 14, 14, 0.15)}.promo-badge{display: inline-block;padding: var(--space-2xs) var(--space-md);background: linear-gradient(135deg, var(--color-accent), var(--color-accent-light));color: #fff;font-size: var(--fs-xs);font-weight: var(--fw-bold);text-transform: uppercase;letter-spacing: var(--ls-wide);border-radius: var(--radius-full);margin-bottom: var(--space-md);box-shadow: 0 4px 12px rgba(var(--color-accent-rgb), 0.3)}.promo-title{font-size: var(--fs-2xl);font-weight: var(--fw-bold);color: var(--color-text);margin-bottom: var(--space-sm)}.promo-text{font-size: var(--fs-md);color: var(--color-text-muted);line-height: var(--lh-relaxed);margin-bottom: var(--space-xl)}.promo-cta{display: inline-flex;align-items: center;gap: var(--space-xs);padding: var(--space-sm) var(--space-2xl);font-size: var(--fs-md);font-weight: var(--fw-semibold);color: #fff;background: linear-gradient(135deg, var(--color-primary), var(--color-neon-blue));border: none;border-radius: var(--radius-full);text-decoration: none;cursor: pointer;transition: filter var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast)}.promo-cta:hover{filter: brightness(1.15);transform: translateY(-2px);box-shadow: var(--shadow-glow-strong);color: #fff}.promo-image{width: 100%;border-radius: 0;margin-bottom: 0}.promo-dialog .promo-media{margin: calc(var(--space-2xl) * -1) calc(var(--space-2xl) * -1) var(--space-lg);border-radius: var(--radius-2xl) var(--radius-2xl) 0 0}.promo-close .promo-close-icon{width: 1rem;height: 1rem}.documents-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));gap: var(--space-lg)}.documents-grid > a{text-decoration: none}.document-card{background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-xl);padding: var(--space-xl);text-align: center;backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);display: flex;flex-direction: column;align-items: center}.document-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-md), 0 0 16px rgba(var(--color-neon-cyan-rgb), 0.06);border-color: rgba(var(--color-neon-cyan-rgb), 0.2)}.document-icon{width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, rgba(var(--color-neon-cyan-rgb), 0.1), rgba(var(--color-primary-rgb), 0.08));color: var(--color-neon-cyan);border-radius: var(--radius-lg);font-size: 1.5rem;margin-bottom: var(--space-md);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.1)}.document-title{font-size: var(--fs-base);font-weight: var(--fw-semibold);color: var(--color-text);margin-bottom: var(--space-xs)}.document-meta{font-size: var(--fs-xs);color: var(--color-text-light);margin-bottom: var(--space-md)}.document-size{display: inline-block;padding: 2px 8px;background: var(--color-primary-light);border-radius: var(--radius-sm);font-size: var(--fs-xs);color: var(--color-text-muted);margin-bottom: var(--space-md);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.08)}.document-download{display: inline-flex;align-items: center;gap: var(--space-xs);padding: var(--space-xs) var(--space-lg);font-size: var(--fs-sm);font-weight: var(--fw-medium);color: var(--color-neon-cyan);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.3);border-radius: var(--radius-full);text-decoration: none;transition: background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast)}.document-download:hover{background: linear-gradient(135deg, var(--color-primary), var(--color-neon-blue));color: #fff;border-color: transparent;box-shadow: var(--shadow-glow)}.document-filter-tabs{display: flex;gap: var(--space-xs);margin-bottom: var(--space-xl);flex-wrap: wrap}.document-filter-tab{padding: var(--space-xs) var(--space-lg);font-size: var(--fs-sm);font-weight: var(--fw-medium);color: var(--color-text-muted);background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-full);cursor: pointer;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: all var(--transition-fast)}.document-filter-tab:hover{border-color: rgba(var(--color-neon-cyan-rgb), 0.3);color: var(--color-neon-cyan)}.document-filter-tab.active{background: linear-gradient(135deg, var(--color-primary), var(--color-neon-blue));color: #fff;border-color: transparent;box-shadow: var(--shadow-glow)}.contact-grid{display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-3xl)}.contact-info-cards{margin-top: var(--space-xl);display: grid;grid-template-columns: 1fr 1fr;gap: var(--space-md)}.contact-info-card{background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-xl);padding: var(--space-xl);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur))}.contact-info-card h2{margin-top: 0}.contact-info-mini{background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-lg);padding: var(--space-lg);display: flex;align-items: flex-start;gap: var(--space-md);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: border-color var(--transition-fast), box-shadow var(--transition-fast)}.contact-info-mini:hover{border-color: rgba(var(--color-neon-cyan-rgb), 0.3);box-shadow: 0 0 12px rgba(var(--color-neon-cyan-rgb), 0.06)}.contact-info-icon{width: 44px;height: 44px;display: flex;align-items: center;justify-content: center;background: linear-gradient(135deg, rgba(var(--color-neon-cyan-rgb), 0.1), rgba(var(--color-primary-rgb), 0.08));color: var(--color-neon-cyan);border-radius: var(--radius-lg);flex-shrink: 0;font-size: 1.1rem;border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.1)}.contact-info-item{display: flex;align-items: flex-start;gap: var(--space-md);margin-bottom: var(--space-lg)}.contact-info-item strong{display: block;font-size: var(--fs-sm);margin-bottom: 2px}.contact-info-item p{margin: 0;font-size: var(--fs-sm);color: var(--color-text-muted)}.contact-info-divider{height: 1px;background: var(--gradient-section-divider);margin: var(--space-md) 0}.contact-hours{font-size: var(--fs-sm);color: var(--color-text-muted)}.contact-hours p{margin: var(--space-xs) 0}.contact-map-container{border-radius: var(--radius-xl);overflow: hidden;border: 1px solid var(--glass-border-subtle);box-shadow: var(--glass-shadow)}.layout-sidebar{display: grid;grid-template-columns: 1.5fr 1fr;gap: var(--space-3xl)}.layout-sidebar-main{}.layout-sidebar-aside{}.reveal{opacity: 0;transform: translateY(30px);transition: opacity 0.6s ease, transform 0.6s ease}.reveal--visible, .reveal.revealed{opacity: 1;transform: translateY(0)}.reveal-stagger .reveal:nth-child(1){transition-delay: 0s}.reveal-stagger .reveal:nth-child(2){transition-delay: 0.1s}.reveal-stagger .reveal:nth-child(3){transition-delay: 0.15s}.reveal-stagger .reveal:nth-child(4){transition-delay: 0.2s}.reveal-stagger .reveal:nth-child(5){transition-delay: 0.25s}.reveal-stagger .reveal:nth-child(6){transition-delay: 0.3s}.cta-banner{text-align: center}.cta-banner-content{max-width: 600px;margin: 0 auto}.cta-banner-title{font-size: var(--fs-3xl);font-weight: var(--fw-bold);margin: 0 0 var(--space-md);color: #fff;text-shadow: 0 0 30px rgba(var(--color-neon-cyan-rgb), 0.2)}.cta-banner-text{font-size: var(--fs-lg);color: rgba(255, 255, 255, 0.8);margin-bottom: var(--space-xl)}.news-card{position: relative;display: flex;flex-direction: column;height: 100%;background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-xl);overflow: hidden;backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}#latest-news:not(.carousel){display: flex;justify-content: center}#latest-news:not(.carousel) .news-card{max-width: 400px;width: 100%}.news-card:hover{transform: translateY(-4px);box-shadow: var(--shadow-md), 0 0 16px rgba(var(--color-neon-cyan-rgb), 0.05);border-color: rgba(var(--color-neon-cyan-rgb), 0.2)}.news-card-image{display: block;aspect-ratio: 16/9;overflow: hidden}.news-card-image img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease}.news-card:hover .news-card-image img{transform: scale(1.06)}.news-card-body{display: flex;flex-direction: column;flex: 1;padding: var(--space-lg);gap: var(--space-xs)}.news-card-meta{font-size: var(--fs-xs);color: var(--color-text-light);margin-bottom: var(--space-xs)}.news-card-title{font-size: var(--fs-lg);font-weight: var(--fw-semibold);color: var(--color-text);line-height: var(--lh-snug)}.news-card-title a{color: inherit;text-decoration: none}.news-card-title a:hover{color: var(--color-neon-cyan)}.news-card-excerpt{font-size: var(--fs-sm);color: var(--color-text-muted);line-height: var(--lh-normal);display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden}.news-card-category, .news-card-body .badge{display: inline-block;font-size: var(--fs-xs);font-weight: var(--fw-semibold);text-transform: uppercase;letter-spacing: 0.05em;color: var(--color-neon-cyan);background: rgba(var(--color-neon-cyan-rgb), 0.08);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.15);padding: 0.15rem 0.6rem;border-radius: var(--radius-full)}.news-card-footer{display: flex;align-items: center;justify-content: space-between;margin-top: auto;padding-top: 0;width: 100%;gap: var(--space-md)}#post-date{color: var(--color-text-light)}.news-card-date{font-size: var(--fs-xs);color: var(--color-text-light)}.news-card--featured{border-color: rgba(var(--color-neon-cyan-rgb), 0.3);box-shadow: 0 0 12px rgba(var(--color-neon-cyan-rgb), 0.06)}.news-card--featured::before{content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: linear-gradient(90deg, var(--color-neon-cyan), rgba(var(--color-neon-cyan-rgb), 0.3));border-radius: var(--radius-xl) var(--radius-xl) 0 0;z-index: 1}.news-card-tags{display: flex;flex-wrap: wrap;gap: var(--space-xs);margin-top: var(--space-sm)}.review-card{background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-xl);padding: var(--space-xl);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));transition: box-shadow var(--transition-base), border-color var(--transition-base)}.review-card:hover{box-shadow: var(--shadow-md), 0 0 16px rgba(var(--color-neon-cyan-rgb), 0.05);border-color: rgba(var(--color-neon-cyan-rgb), 0.2)}.review-card-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: var(--space-md)}.review-card-author{display: flex;align-items: center;gap: var(--space-md)}.review-card-avatar{width: 48px;height: 48px;border-radius: 50%;background: rgba(var(--color-neon-cyan-rgb), 0.12);display: flex;align-items: center;justify-content: center;font-size: var(--fs-lg);font-weight: var(--fw-bold);color: var(--color-neon-cyan);flex-shrink: 0;overflow: hidden}.review-card-avatar img{width: 100%;height: 100%;object-fit: cover}.review-card-name{font-weight: var(--fw-semibold);font-size: var(--fs-base);color: var(--color-text)}.review-card-date{font-size: var(--fs-xs);color: var(--color-text-light)}.review-card-source{font-size: var(--fs-xs);padding: var(--space-xs) var(--space-sm);border-radius: var(--radius-sm);background: rgba(var(--color-neon-cyan-rgb), 0.06);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.1);color: var(--color-text-light);font-weight: var(--fw-medium)}.review-card-stars{display: flex;gap: 2px;margin-bottom: var(--space-md)}.review-card-stars svg{width: 16px;height: 16px;fill: var(--color-neon-cyan)}.review-card-stars i{font-size: 16px;color: var(--color-neon-cyan)}.review-card-text{font-size: var(--fs-sm);color: var(--color-text-muted);line-height: var(--lh-relaxed)}.reviews-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));gap: var(--space-lg)}.reviews-summary{display: flex;align-items: center;gap: var(--space-2xl);padding: var(--space-2xl);background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-xl);backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));margin-bottom: var(--space-2xl)}.reviews-summary-score{text-align: center;min-width: 120px}.reviews-summary-number{font-family: var(--font-heading);font-size: var(--fs-4xl);font-weight: var(--fw-bold);color: var(--color-neon-cyan);line-height: 1;margin-bottom: var(--space-xs)}.reviews-summary-stars{display: flex;gap: 2px;justify-content: center;margin-bottom: var(--space-xs)}.reviews-summary-stars svg{width: 20px;height: 20px;fill: var(--color-neon-cyan)}.reviews-summary-stars i{font-size: 20px;color: var(--color-neon-cyan)}.reviews-summary-count{font-size: var(--fs-sm);color: var(--color-text-muted)}.reviews-summary-breakdown{flex: 1}.reviews-bar-row{display: flex;align-items: center;gap: var(--space-md);margin-bottom: var(--space-xs)}.reviews-bar-label{font-size: var(--fs-sm);color: var(--color-text-muted);min-width: 60px}.reviews-bar-track{flex: 1;height: 8px;background: rgba(255, 255, 255, 0.06);border-radius: var(--radius-full);overflow: hidden}.reviews-bar-fill{height: 100%;background: var(--color-neon-cyan);border-radius: var(--radius-full);transition: width var(--transition-slow)}.reviews-bar-count{font-size: var(--fs-xs);color: var(--color-text-muted);min-width: 30px;text-align: right}.reviews-filter{display: flex;gap: var(--space-sm);flex-wrap: wrap;margin-bottom: var(--space-2xl)}.gallery-preview-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: var(--space-md)}.gallery-preview-item{display: block;overflow: hidden;border-radius: var(--radius-lg);aspect-ratio: 1;position: relative;border: 1px solid var(--glass-border-subtle);transition: box-shadow var(--transition-base), border-color var(--transition-base)}.gallery-preview-item:hover{box-shadow: var(--shadow-md), 0 0 16px rgba(var(--color-neon-cyan-rgb), 0.08);border-color: rgba(var(--color-neon-cyan-rgb), 0.2)}.gallery-preview-item img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease}.gallery-preview-item:hover img{transform: scale(1.08)}.gallery-preview-item::after{content: '';position: absolute;inset: 0;background: linear-gradient(to top, rgba(5, 8, 16, 0.35) 0%, transparent 50%);opacity: 0;transition: opacity var(--transition-base);pointer-events: none}.gallery-preview-item:hover::after{opacity: 1}.carousel-prev, .carousel-next{background: var(--glass-bg) !important;border: 1px solid var(--glass-border-subtle) !important;backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));color: var(--color-text) !important}.carousel-prev:hover, .carousel-next:hover{border-color: rgba(var(--color-neon-cyan-rgb), 0.3) !important;background: rgba(var(--color-neon-cyan-rgb), 0.08) !important;box-shadow: 0 0 12px rgba(var(--color-neon-cyan-rgb), 0.1)}.carousel-dot--active{background: var(--color-neon-cyan) !important}.article-header{margin-bottom: var(--space-xl)}.article-meta{display: flex;align-items: center;gap: var(--space-md);margin-bottom: var(--space-md)}.article-hero{margin-bottom: var(--space-xl);border-radius: var(--radius-xl);overflow: hidden;box-shadow: var(--glass-shadow)}.article-hero img{width: 100%;max-height: 480px;object-fit: cover;display: block}.article-content{font-size: var(--fs-md);line-height: var(--lh-relaxed);color: var(--color-text)}.article-content h2, .article-content h3, .article-content h4{margin-top: var(--space-2xl);margin-bottom: var(--space-md)}.article-content p{margin-bottom: var(--space-md)}.article-content img{max-width: 100%;border-radius: var(--radius-lg)}.article-tags{display: flex;flex-wrap: wrap;gap: var(--space-xs);margin-top: var(--space-lg);padding-top: var(--space-md);border-top: 1px solid var(--glass-border-subtle)}.article-share{display: flex;align-items: center;gap: var(--space-sm);flex-wrap: wrap}.article-share .btn i{font-size: 1.1em}.gallery-sections, .gallery-grid{display: grid;grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));gap: var(--space-lg)}.gallery-item{border-radius: var(--radius-lg);overflow: hidden;cursor: pointer;aspect-ratio: 4/3;position: relative;border: 1px solid var(--glass-border-subtle);transition: box-shadow var(--transition-base)}.gallery-item:hover{box-shadow: var(--shadow-lg), 0 0 16px rgba(var(--color-neon-cyan-rgb), 0.08)}.gallery-item img{width: 100%;height: 100%;object-fit: cover;transition: transform 0.5s ease}.gallery-item:hover img{transform: scale(1.06)}.lightbox{position: fixed;inset: 0;background: rgba(5, 8, 16, 0.95);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);z-index: var(--z-modal);display: flex;align-items: center;justify-content: center}.lightbox-close, .lightbox-prev, .lightbox-next{position: absolute;background: rgba(var(--color-neon-cyan-rgb), 0.08);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.15);color: #fff;cursor: pointer;font-size: 1.5rem;padding: var(--space-sm);border-radius: var(--radius-md);z-index: 1;transition: background var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast)}.lightbox-close:hover, .lightbox-prev:hover, .lightbox-next:hover{background: rgba(var(--color-neon-cyan-rgb), 0.15);border-color: rgba(var(--color-neon-cyan-rgb), 0.3);box-shadow: 0 0 12px rgba(var(--color-neon-cyan-rgb), 0.15)}.lightbox-close{top: var(--space-lg);right: var(--space-lg)}.lightbox-prev{left: var(--space-lg);top: 50%;transform: translateY(-50%)}.lightbox-next{right: var(--space-lg);top: 50%;transform: translateY(-50%)}.lightbox-content img{max-width: 90vw;max-height: 85vh;object-fit: contain;border-radius: var(--radius-md)}.lightbox-caption{position: absolute;bottom: var(--space-lg);left: 50%;transform: translateX(-50%);color: rgba(255, 255, 255, 0.7);font-size: var(--fs-sm);text-align: center}.form-group{margin-bottom: var(--space-md)}.form-label{display: block;font-size: var(--fs-sm);font-weight: var(--fw-medium);color: var(--color-text);margin-bottom: var(--space-xs)}.form-input, .form-textarea, .form-select{width: 100%;padding: var(--space-sm) var(--space-md);font-size: var(--fs-base);font-family: var(--font-body);color: var(--color-text);background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-md);outline: none;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: border-color var(--transition-fast), box-shadow var(--transition-fast)}.form-input:focus, .form-textarea:focus, .form-select:focus{border-color: var(--color-neon-cyan);box-shadow: 0 0 0 3px rgba(var(--color-neon-cyan-rgb), 0.1), 0 0 12px rgba(var(--color-neon-cyan-rgb), 0.1)}.form-textarea{resize: vertical;min-height: 120px}.form-hint{display: block;font-size: var(--fs-xs);color: var(--color-text-light);margin-top: var(--space-2xs)}.form-checkbox{display: flex;align-items: center;gap: var(--space-sm);font-size: var(--fs-sm);cursor: pointer}.btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--space-xs);padding: var(--space-sm) var(--space-xl);font-size: var(--fs-sm);font-weight: var(--fw-semibold);font-family: var(--font-body);border-radius: var(--radius-md);border: 1px solid transparent;cursor: pointer;text-decoration: none;transition: background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast), box-shadow var(--transition-fast), filter var(--transition-fast);white-space: nowrap}.btn--primary{background: linear-gradient(135deg, var(--color-primary), var(--color-neon-blue));color: #fff;border-color: transparent}.btn--primary:hover{filter: brightness(1.15);box-shadow: var(--shadow-glow);transform: translateY(-1px);color: #fff}.btn--secondary{background: transparent;color: var(--color-neon-cyan);border-color: rgba(var(--color-neon-cyan-rgb), 0.3)}.btn--secondary:hover{background: rgba(var(--color-neon-cyan-rgb), 0.06);border-color: var(--color-neon-cyan);box-shadow: 0 0 12px rgba(var(--color-neon-cyan-rgb), 0.1)}.btn--full{width: 100%}.btn--lg{padding: var(--space-md) var(--space-2xl);font-size: var(--fs-md)}.btn-ghost{background: transparent;color: var(--color-text-muted);border: 1px solid var(--color-border)}.btn-ghost:hover{background: var(--color-primary-light);color: var(--color-neon-cyan);border-color: rgba(var(--color-neon-cyan-rgb), 0.2)}.btn-danger{color: var(--color-error);border-color: var(--color-error)}.btn-danger:hover{background: var(--color-error-light)}.btn-outline{background: transparent;color: var(--color-neon-cyan);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.3)}.btn-outline:hover{background: linear-gradient(135deg, var(--color-primary), var(--color-neon-blue));color: #fff;border-color: transparent;box-shadow: var(--shadow-glow)}.btn-primary{background: linear-gradient(135deg, var(--color-primary), var(--color-neon-blue));color: #fff}.btn-primary:hover{filter: brightness(1.15);box-shadow: var(--shadow-glow)}.badge{display: inline-block;padding: 2px 10px;font-size: var(--fs-xs);font-weight: var(--fw-semibold);border-radius: var(--radius-full);background: var(--color-primary-light);color: var(--color-neon-cyan);border: 1px solid rgba(var(--color-neon-cyan-rgb), 0.12)}.chip-group{display: flex;gap: var(--space-xs);flex-wrap: wrap}.chip{padding: var(--space-xs) var(--space-md);font-size: var(--fs-sm);font-weight: var(--fw-medium);color: var(--color-text-muted);background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-full);cursor: pointer;backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px);transition: all var(--transition-fast)}.chip:hover{border-color: rgba(var(--color-neon-cyan-rgb), 0.3);color: var(--color-neon-cyan)}.chip.active{background: linear-gradient(135deg, var(--color-primary), var(--color-neon-blue));color: #fff;border-color: transparent;box-shadow: var(--shadow-glow)}.card{background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-xl);overflow: hidden;backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur))}.card-body{padding: var(--space-lg)}.alert{padding: var(--space-sm) var(--space-md);border-radius: var(--radius-md);font-size: var(--fs-sm);margin-bottom: var(--space-md);backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)}.alert-danger{background: var(--color-error-light);color: var(--color-error);border: 1px solid rgba(239, 68, 68, 0.2)}.empty-state{text-align: center;padding: var(--space-4xl) var(--space-xl)}.empty-state-icon{margin-bottom: var(--space-lg)}.empty-state-icon svg{width: 64px;height: 64px;stroke: var(--color-text-light);fill: none;stroke-width: 1}.empty-state-title{font-size: var(--fs-xl);font-weight: var(--fw-semibold);color: var(--color-text);margin-bottom: var(--space-sm)}.empty-state-text{font-size: var(--fs-sm);color: var(--color-text-muted)}.pagination{display: flex;align-items: center;justify-content: center;gap: var(--space-xs);margin-top: var(--space-xl)}.divider{height: 1px;background: var(--gradient-section-divider);margin: var(--space-lg) 0}.tabs{display: flex;gap: var(--space-xs);border-bottom: 1px solid var(--color-border);margin-bottom: var(--space-xl);flex-wrap: wrap}.tab-item{padding: var(--space-sm) var(--space-lg);font-size: var(--fs-sm);font-weight: var(--fw-medium);color: var(--color-text-muted);background: none;border: none;border-bottom: 2px solid transparent;cursor: pointer;transition: color var(--transition-fast), border-color var(--transition-fast);white-space: nowrap}.tab-item:hover{color: var(--color-neon-cyan)}.tab-item.active{color: var(--color-neon-cyan);border-bottom-color: var(--color-neon-cyan);text-shadow: 0 0 8px rgba(var(--color-neon-cyan-rgb), 0.3)}.tab-content{display: none}.tab-content.active{display: block}.toggle-switch{position: relative;width: 44px;height: 24px;display: inline-block}.toggle-switch input{opacity: 0;width: 0;height: 0}.toggle-slider{position: absolute;inset: 0;background: var(--color-gray-300);border-radius: var(--radius-full);cursor: pointer;transition: background 0.3s ease, box-shadow 0.3s ease}.toggle-slider::before{content: '';position: absolute;width: 18px;height: 18px;left: 3px;top: 3px;background: #fff;border-radius: 50%;transition: transform 0.3s ease}.toggle-switch input:checked + .toggle-slider{background: linear-gradient(135deg, var(--color-primary), var(--color-neon-blue));box-shadow: 0 0 12px rgba(var(--color-neon-cyan-rgb), 0.2)}.toggle-switch input:checked + .toggle-slider::before{transform: translateX(20px)}.data-table-wrapper{overflow-x: auto;-webkit-overflow-scrolling: touch}.data-table{width: 100%;border-collapse: collapse;font-size: var(--fs-sm)}.data-table th, .data-table td{padding: var(--space-sm) var(--space-md);text-align: left;border-bottom: 1px solid var(--color-border)}.data-table th{font-weight: var(--fw-semibold);color: var(--color-text);background: var(--color-bg-alt)}.skeleton{background: linear-gradient(90deg, var(--color-gray-200) 25%, var(--color-gray-100) 50%, var(--color-gray-200) 75%);background-size: 200% 100%;animation: skeletonShimmer 1.5s ease-in-out infinite;border-radius: var(--radius-md)}[data-theme="dark"] .skeleton{background: linear-gradient(90deg, rgba(var(--color-primary-rgb), 0.03) 25%, rgba(var(--color-primary-rgb), 0.06) 50%, rgba(var(--color-primary-rgb), 0.03) 75%);background-size: 200% 100%}@keyframes skeletonShimmer{0%{background-position: -200% 0}100%{background-position: 200% 0}}.skeleton-card{background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-xl);overflow: hidden}.skeleton-card-body{padding: var(--space-lg)}.skeleton-card-image{aspect-ratio: 16/9}.skeleton-title{height: 20px;width: 70%;margin-bottom: var(--space-sm)}.skeleton-text{height: 14px;width: 100%;margin-bottom: var(--space-xs)}.skeleton-text.w30{width: 30%}.skeleton-text.w50{width: 50%}.skeleton-text.w60{width: 60%}.skeleton-image{aspect-ratio: 4/3;width: 100%}.skeleton-content{padding: var(--space-lg) 0}.cms-content{font-size: var(--fs-md);line-height: var(--lh-relaxed);color: var(--color-text)}.cms-content h2, .cms-content h3{margin-top: var(--space-2xl);margin-bottom: var(--space-md);color: var(--color-text)}.cms-content p{margin-bottom: var(--space-md)}.cms-content img{max-width: 100%;border-radius: var(--radius-lg);margin: var(--space-lg) 0}.cms-content ul, .cms-content ol{margin: var(--space-md) 0;padding-left: var(--space-xl)}.cms-content li{margin-bottom: var(--space-xs)}.cms-featured-image{margin-bottom: var(--space-xl)}.cms-featured-image img{width: 100%;border-radius: var(--radius-xl);display: block}.flex{display: flex}.flex-center{display: flex;align-items: center;justify-content: center}.items-center{align-items: center}.justify-between{justify-content: space-between}.gap-3{gap: var(--space-sm)}.text-center{text-align: center}.text-muted{color: var(--color-text-muted)}.text-sm{font-size: var(--fs-sm)}.font-bold{font-weight: var(--fw-bold)}.mt-2{margin-top: var(--space-sm)}.mt-3{margin-top: var(--space-md)}.mt-4{margin-top: var(--space-lg)}.mt-6{margin-top: var(--space-3xl)}.mb-3{margin-bottom: var(--space-md)}.mb-4{margin-bottom: var(--space-lg)}.py-6{padding-top: var(--space-3xl);padding-bottom: var(--space-3xl)}.p-5{padding: var(--space-xl)}.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}.skip-link{position: absolute;top: -40px;left: 0;background: var(--color-primary);color: #fff;padding: 8px 16px;z-index: 9999;text-decoration: none;font-weight: 600}.skip-link:focus{top: 0}@media (max-width: 1024px){.pricing-grid{grid-template-columns: 1fr;max-width: 400px;margin: 0 auto}.pricing-card--featured{transform: none}.pricing-card--featured:hover{transform: translateY(-6px)}.features-grid{grid-template-columns: repeat(2, 1fr)}.stats-grid{grid-template-columns: repeat(auto-fit, minmax(160px, 1fr))}.contact-grid, .layout-sidebar{grid-template-columns: 1fr}}@media (max-width: 768px){.business-grid{grid-template-columns: repeat(auto-fit, minmax(240px, 1fr))}.features-grid{grid-template-columns: 1fr}.contact-info-cards{grid-template-columns: 1fr;margin-top: 0}.gallery-sections, .gallery-grid{grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))}.tv-channels-grid{grid-template-columns: repeat(auto-fill, minmax(150px, 1fr))}.pricing-card, .bundle-card, .feature-card, .business-card, .faq-item, .document-card, .news-card, .card{backdrop-filter: blur(8px);-webkit-backdrop-filter: blur(8px)}}@media (max-width: 480px){.stats-grid{grid-template-columns: 1fr 1fr;gap: var(--space-lg)}.stat-number{font-size: var(--fs-3xl)}.stat-item{padding: var(--space-md)}.documents-grid{grid-template-columns: 1fr}.coverage-legend{flex-direction: column;gap: var(--space-sm)}.cta-banner-title{font-size: var(--fs-2xl)}.cta-banner-text{font-size: var(--fs-base)}.cta-banner-content{padding: 0 var(--space-sm)}.pricing-card, .bundle-card, .feature-card, .business-card, .faq-item, .document-card{backdrop-filter: none;-webkit-backdrop-filter: none;background: var(--color-surface)}.bundles-carousel-arrow{width: 36px;height: 36px}.tv-pkg-summary{gap: var(--space-sm);padding: var(--space-sm) var(--space-md)}.tv-cat-accordion-header{padding: var(--space-sm) var(--space-md)}.tv-channel-chips{padding: 0 var(--space-md) var(--space-md)}.tv-filter-tabs{gap: var(--space-2xs)}.tv-filter-tab{min-width: 80px;padding: var(--space-xs) var(--space-md)}}.coverage-map-wrapper{position: relative}.coverage-float-search{position: absolute;top: 0;left: 50%;transform: translateX(-50%) translateY(-50%);z-index: 20;width: min(720px, calc(100% - 32px))}.coverage-float-inner{display: flex;align-items: stretch;gap: 0;background: rgba(10, 18, 36, .82);backdrop-filter: blur(20px) saturate(1.4);-webkit-backdrop-filter: blur(20px) saturate(1.4);border: 1px solid rgba(var(--color-neon-cyan-rgb), .15);border-radius: 999px;box-shadow: 0 0 0 1px rgba(var(--color-neon-cyan-rgb), .06), 0 8px 32px rgba(0, 0, 0, .35), 0 0 60px -12px rgba(var(--color-neon-cyan-rgb), .08);overflow: visible;transition: box-shadow .4s ease, border-color .4s ease;animation: floatSearchAppear .6s cubic-bezier(.34,1.56,.64,1) both}.coverage-float-inner:focus-within{border-color: rgba(var(--color-neon-cyan-rgb), .35);box-shadow: 0 0 0 1px rgba(var(--color-neon-cyan-rgb), .12), 0 8px 40px rgba(0, 0, 0, .4), 0 0 80px -8px rgba(var(--color-neon-cyan-rgb), .15)}@keyframes floatSearchAppear{0%{opacity: 0;transform: translateY(-20px)}100%{opacity: 1;transform: translateY(0)}}.coverage-float-input-group{position: relative;flex: 1;min-width: 0;display: flex;align-items: center}.coverage-float-input-group + .coverage-float-input-group{border-left: 1px solid var(--color-float-divider, rgba(255, 255, 255, .08))}.coverage-float-icon{position: relative;display: flex;align-items: center;justify-content: center;width: 48px;flex-shrink: 0;color: var(--color-neon-cyan, var(--color-footer-link-hover));font-size: .95rem}.coverage-float-pulse{position: absolute;width: 24px;height: 24px;border-radius: 50%;border: 2px solid var(--color-neon-cyan, var(--color-footer-link-hover));opacity: 0;animation: searchPulse 2.5s ease-out infinite}@keyframes searchPulse{0%{transform: scale(.6);opacity: .6}100%{transform: scale(1.6);opacity: 0}}@media (max-width: 768px){.coverage-float-pulse, .hero-coverage-bar-pulse{animation: none}}.coverage-float-input{width: 100%;padding: 14px 12px 14px 0;font-size: var(--fs-base, 1rem);font-weight: 500;color: #fff;background: transparent;border: none;outline: none}.coverage-float-input::placeholder{color: rgba(255, 255, 255, .35);font-weight: 400;transition: color .2s}.coverage-float-input:focus::placeholder{color: rgba(var(--color-neon-cyan-rgb), .4)}.coverage-float-street{max-width: 0;overflow: hidden;opacity: 0;transition: max-width .4s cubic-bezier(.4,0,.2,1), opacity .3s ease}.coverage-float-street[style*="display: flex"], .coverage-float-street[style*="display: block"], .coverage-float-street.is-visible{max-width: 300px;opacity: 1;overflow: visible}.coverage-float-btn{display: flex;align-items: center;justify-content: center;gap: 8px;padding: 0 28px;font-size: var(--fs-sm, .9rem);font-weight: var(--fw-semibold, 600);color: #fff;background: linear-gradient(135deg, var(--color-primary-hover), var(--color-neon-blue));border: none;border-radius: 999px;margin: 4px;cursor: pointer;white-space: nowrap;transition: box-shadow .3s, transform .2s, opacity .2s, background .3s;position: relative;overflow: hidden}.coverage-float-btn::before{content: '';position: absolute;inset: 0;background: linear-gradient(135deg, transparent 30%, rgba(255,255,255,.15) 50%, transparent 70%);transform: translateX(-100%);transition: transform .5s ease}.coverage-float-btn:hover:not(:disabled)::before{transform: translateX(100%)}.coverage-float-btn:hover:not(:disabled){box-shadow: 0 4px 24px rgba(6, 182, 212, .45);transform: scale(1.02)}.coverage-float-btn:disabled{opacity: .4;cursor: not-allowed}.coverage-float-btn:active:not(:disabled){transform: scale(.97)}.coverage-float-search .autocomplete-dropdown{position: absolute;top: calc(100% + 8px);left: 0;right: 0;min-width: 300px;width: 100%;background: rgba(10, 18, 36, .94);border: 1px solid rgba(var(--color-neon-cyan-rgb), .12);border-radius: var(--radius-lg, 12px);box-shadow: 0 16px 48px rgba(0, 0, 0, .5), 0 0 40px -8px rgba(var(--color-neon-cyan-rgb), .08);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);animation: dropdownSlide .25s cubic-bezier(.34,1.56,.64,1)}@keyframes dropdownSlide{0%{opacity: 0;transform: translateY(-8px)}100%{opacity: 1;transform: translateY(0)}}.coverage-float-search .autocomplete-item{border-color: rgba(255, 255, 255, .05)}.coverage-float-search .autocomplete-item:hover{background: rgba(var(--color-neon-cyan-rgb), .1)}.coverage-float-search .autocomplete-item-name{color: #fff}.coverage-float-search .autocomplete-item-sub{color: rgba(255, 255, 255, .4)}.coverage-float-search .autocomplete-badge{background: rgba(var(--color-neon-cyan-rgb), .12);color: var(--color-footer-link-hover)}.coverage-float-search .autocomplete-empty{color: rgba(255, 255, 255, .4)}.coverage-float-search .coverage-selected-info{text-align: center;padding: 6px 16px;font-size: var(--fs-xs, .75rem);color: rgba(var(--color-neon-cyan-rgb), .7)}.coverage-selected-info i{color: #22c55e}.coverage-float-result{position: absolute;bottom: 16px;left: 16px;right: 16px;z-index: 15;animation: resultSlideUp .4s cubic-bezier(.34,1.56,.64,1)}@keyframes resultSlideUp{0%{opacity: 0;transform: translateY(20px)}100%{opacity: 1;transform: translateY(0)}}.coverage-float-result .coverage-result-card{backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);background: rgba(10, 18, 36, .85);border-color: rgba(var(--color-neon-cyan-rgb), .12);box-shadow: 0 -8px 40px rgba(0, 0, 0, .3)}.coverage-float-result .coverage-result--success{border-color: rgba(34, 197, 94, .25)}.coverage-float-result .coverage-result--fail{border-color: rgba(245, 158, 11, .25)}.coverage-float-result .coverage-result-content h3, .coverage-float-result .coverage-result-content p{color: rgba(255, 255, 255, .9)}.coverage-float-result .coverage-result-content p strong{color: #fff}:root:not([data-theme="dark"]) .coverage-map-container{--color-float-divider: var(--color-border-light, #e2e8f0)}:root:not([data-theme="dark"]) .coverage-float-inner{background: rgba(255, 255, 255, .88);border-color: var(--color-border-light, #e2e8f0);box-shadow: 0 0 0 1px rgba(0, 0, 0, .04), 0 8px 32px rgba(0, 0, 0, .10), 0 0 60px -12px rgba(0, 180, 216, .06)}:root:not([data-theme="dark"]) .coverage-float-inner:focus-within{border-color: var(--color-primary, #8b5cf6);box-shadow: 0 0 0 1px rgba(0, 180, 216, .15), 0 8px 40px rgba(0, 0, 0, .12), 0 0 80px -8px rgba(0, 180, 216, .08)}:root:not([data-theme="dark"]) .coverage-float-input-group + .coverage-float-input-group{border-left-color: var(--color-border-light, #e2e8f0)}:root:not([data-theme="dark"]) .coverage-float-input{color: var(--color-text, #0d1626)}:root:not([data-theme="dark"]) .coverage-float-input::placeholder{color: var(--color-text-muted, #5a6e84)}:root:not([data-theme="dark"]) .coverage-float-input:focus::placeholder{color: var(--color-primary, #8b5cf6)}:root:not([data-theme="dark"]) .coverage-float-search .autocomplete-dropdown{background: rgba(255, 255, 255, .96);border-color: var(--color-border, #c9d5e3);box-shadow: 0 16px 48px rgba(0, 0, 0, .12), 0 0 40px -8px rgba(0, 180, 216, .05)}:root:not([data-theme="dark"]) .coverage-float-search .autocomplete-item{border-color: var(--color-border-light, #e2e8f0)}:root:not([data-theme="dark"]) .coverage-float-search .autocomplete-item:hover{background: var(--color-primary-light, rgba(0, 180, 216, .08))}:root:not([data-theme="dark"]) .coverage-float-search .autocomplete-item-name{color: var(--color-text, #0d1626)}:root:not([data-theme="dark"]) .coverage-float-search .autocomplete-item-sub{color: var(--color-text-muted, #5a6e84)}:root:not([data-theme="dark"]) .coverage-float-search .autocomplete-badge{background: var(--color-primary-light, rgba(0, 180, 216, .08));color: var(--color-primary-dark, #007a99)}:root:not([data-theme="dark"]) .coverage-float-search .autocomplete-empty{color: var(--color-text-muted, #5a6e84)}:root:not([data-theme="dark"]) .coverage-float-search .coverage-selected-info{color: var(--color-primary, #8b5cf6)}:root:not([data-theme="dark"]) .coverage-float-result .coverage-result-card{background: rgba(255, 255, 255, .92);border-color: var(--color-border, #c9d5e3);box-shadow: 0 -8px 40px rgba(0, 0, 0, .08)}:root:not([data-theme="dark"]) .coverage-float-result .coverage-result--success{border-color: rgba(34, 197, 94, .35)}:root:not([data-theme="dark"]) .coverage-float-result .coverage-result--fail{border-color: rgba(245, 158, 11, .35)}:root:not([data-theme="dark"]) .coverage-float-result .coverage-result-content h3, :root:not([data-theme="dark"]) .coverage-float-result .coverage-result-content p{color: var(--color-text, #0d1626)}:root:not([data-theme="dark"]) .coverage-float-result .coverage-result-content p strong{color: var(--color-text, #0d1626)}@media (max-width: 640px){.coverage-float-search{width: calc(100% - 16px);top: 8px;transform: translateX(-50%) translateY(0)}.coverage-float-inner{border-radius: var(--radius-xl, 16px);flex-wrap: wrap}.coverage-float-input-group{min-width: 0;flex: 1 1 100%}.coverage-float-input-group + .coverage-float-input-group{border-left: none;border-top: 1px solid var(--color-float-divider, rgba(255, 255, 255, .08))}.coverage-float-btn{flex: 1 1 100%;padding: 12px;border-radius: var(--radius-lg, 12px);justify-content: center}.coverage-float-result{bottom: 8px;left: 8px;right: 8px}}.autocomplete-dropdown{display: none;position: absolute;top: 100%;left: 0;right: 0;z-index: 100;background: var(--color-surface, #fff);border: 1px solid var(--glass-border-subtle, rgba(0,0,0,.1));border-radius: var(--radius-lg, 12px);box-shadow: 0 12px 40px rgba(0,0,0,.15);max-height: 320px;overflow-y: auto;margin-top: 4px}[data-theme="dark"] .autocomplete-dropdown{background: var(--color-surface-alt, #1a1a2e);border-color: var(--glass-border-subtle, rgba(255,255,255,.1));box-shadow: 0 12px 40px rgba(0,0,0,.4)}.autocomplete-item{padding: var(--space-sm, 12px) var(--space-md, 16px);cursor: pointer;border-bottom: 1px solid var(--glass-border-subtle, rgba(0,0,0,.05));transition: background .15s}.autocomplete-item:last-child{border-bottom: none}.autocomplete-item:hover{background: var(--color-primary-alpha, rgba(14, 116, 144, .08))}[data-theme="dark"] .autocomplete-item:hover{background: rgba(var(--color-primary-rgb), .08)}.autocomplete-item-main{display: flex;align-items: center;gap: var(--space-xs, 8px)}.autocomplete-item-name{font-weight: var(--fw-semibold, 600);color: var(--color-text, #111)}.autocomplete-badge{font-size: var(--fs-2xs, .7rem);padding: 2px 8px;border-radius: var(--radius-full, 999px);background: var(--color-primary-alpha, rgba(14, 116, 144, .12));color: var(--color-primary, var(--color-primary-hover));font-weight: var(--fw-medium, 500)}[data-theme="dark"] .autocomplete-badge{background: rgba(var(--color-primary-rgb), .12);color: var(--color-neon-cyan, #c084fc)}.autocomplete-item-sub{font-size: var(--fs-xs, .75rem);color: var(--color-text-muted, #888);margin-top: 2px}.autocomplete-empty{padding: var(--space-md, 16px);text-align: center;color: var(--color-text-muted, #888);font-size: var(--fs-sm, .875rem)}.contact-address-field{position: relative}.contact-address-icon{position: absolute;top: 50%;left: var(--space-md, 16px);transform: translateY(-50%);z-index: 2;color: var(--color-primary, #0e7490);pointer-events: none;font-size: var(--fs-sm, .875rem)}.contact-address-input{padding-left: calc(var(--space-md, 16px) * 2 + 6px)}.contact-address-hint{margin: 6px 0 0;font-size: var(--fs-xs, .75rem);color: var(--color-text-muted, #888)}.contact-address-selected{display: flex;align-items: flex-start;gap: var(--space-xs, 8px);margin-top: var(--space-xs, 8px);padding: var(--space-sm, 12px) var(--space-md, 16px);border-radius: var(--radius-md, 8px);background: var(--color-primary-alpha, rgba(14, 116, 144, .08));border: 1px solid var(--glass-border-subtle, rgba(0, 0, 0, .08));font-size: var(--fs-sm, .875rem);color: var(--color-text, #111)}[data-theme="dark"] .contact-address-selected{background: rgba(var(--color-primary-rgb), .1);border-color: var(--glass-border-subtle, rgba(255, 255, 255, .1))}.contact-address-selected i{margin-top: 2px;color: var(--color-success, #22c55e)}.contact-address-selected-coords{display: block;margin-top: 2px;font-size: var(--fs-xs, .75rem);color: var(--color-text-muted, #888)}.contact-address-clear{margin-left: auto;background: none;border: none;padding: 0 0 0 var(--space-xs, 8px);cursor: pointer;color: var(--color-text-muted, #888);font-size: var(--fs-sm, .875rem);line-height: 1}.contact-address-clear:hover{color: var(--color-text, #111)}.coverage-result{margin-top: var(--space-xl, 32px)}.coverage-result-card{display: flex;gap: var(--space-lg, 24px);padding: var(--space-lg, 24px);border-radius: var(--radius-xl, 16px);align-items: flex-start}.coverage-result--success{background: rgba(34, 197, 94, .08);border: 1px solid rgba(34, 197, 94, .2)}.coverage-result--fail{background: rgba(245, 158, 11, .08);border: 1px solid rgba(245, 158, 11, .2)}[data-theme="dark"] .coverage-result--success{background: rgba(34, 197, 94, .06);border-color: rgba(34, 197, 94, .15)}[data-theme="dark"] .coverage-result--fail{background: rgba(245, 158, 11, .06);border-color: rgba(245, 158, 11, .15)}.coverage-result-icon{font-size: 2rem;flex-shrink: 0}.coverage-result--success .coverage-result-icon{color: #22c55e}.coverage-result--fail .coverage-result-icon{color: var(--color-warning)}.coverage-result-content h3{margin: 0 0 var(--space-xs);font-size: var(--fs-lg, 1.125rem);font-weight: var(--fw-bold, 700);color: var(--color-text, #111)}.coverage-result-content p{margin: 0;color: var(--color-text-muted, #666);font-size: var(--fs-sm, .875rem);line-height: 1.5}.coverage-result-contact-btn{display: inline-flex;align-items: center;gap: var(--space-xs, 8px);margin-top: var(--space-md, 16px);padding: var(--space-sm, 10px) var(--space-lg, 24px);font-size: var(--fs-sm, .875rem);font-weight: var(--fw-semibold, 600);color: #fff;background: linear-gradient(135deg, var(--color-warning), #d97706);border-radius: var(--radius-full, 999px);text-decoration: none;transition: box-shadow .2s, transform .15s}.coverage-result-contact-btn:hover{color: #fff;box-shadow: 0 4px 16px rgba(245, 158, 11, .35);transform: translateY(-1px)}.coverage-result-plans{margin-top: var(--space-xl, 32px)}.coverage-result-plans h4{font-size: var(--fs-sm, .875rem);font-weight: var(--fw-semibold, 600);color: var(--color-text-muted, #888);text-transform: uppercase;letter-spacing: .05em;margin: 0 0 var(--space-md, 16px);display: flex;align-items: center;gap: var(--space-xs, 8px)}.coverage-result-plans h4 i{color: var(--color-neon-cyan, var(--color-footer-link-hover))}.hero-coverage-bar{margin-top: var(--space-xl, 32px);max-width: 480px;position: relative;margin-left: auto;margin-right: auto}.hero-bar-dropdown-portal{position: fixed !important;z-index: 10001;display: none;background: var(--color-surface, #fff);border: 1px solid var(--color-border);border-radius: var(--radius-lg, 12px);box-shadow: 0 16px 48px rgba(0, 0, 0, .2);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px);max-height: 320px;overflow-y: auto;animation: dropdownSlide .25s cubic-bezier(.34,1.56,.64,1)}.hero-bar-dropdown-portal .autocomplete-item-name{color: var(--color-text)}.hero-bar-dropdown-portal .autocomplete-item:hover{background: var(--color-primary-light)}.hero-bar-dropdown-portal .autocomplete-item-sub{color: var(--color-text-muted)}.hero-bar-dropdown-portal .autocomplete-badge{background: var(--color-primary-light);color: var(--color-primary)}.hero-bar-dropdown-portal .autocomplete-empty{color: var(--color-text-muted)}[data-theme="dark"] .hero-bar-dropdown-portal{background: rgba(10, 18, 36, .94);border-color: rgba(var(--color-neon-cyan-rgb), .12);box-shadow: 0 16px 48px rgba(0, 0, 0, .5), 0 0 40px -8px rgba(var(--color-neon-cyan-rgb), .08)}[data-theme="dark"] .hero-bar-dropdown-portal .autocomplete-item-name{color: #fff}[data-theme="dark"] .hero-bar-dropdown-portal .autocomplete-item:hover{background: rgba(var(--color-neon-cyan-rgb), .1)}[data-theme="dark"] .hero-bar-dropdown-portal .autocomplete-item-sub{color: rgba(255, 255, 255, .4)}[data-theme="dark"] .hero-bar-dropdown-portal .autocomplete-badge{background: rgba(var(--color-neon-cyan-rgb), .12);color: var(--color-footer-link-hover)}[data-theme="dark"] .hero-bar-dropdown-portal .autocomplete-empty{color: rgba(255, 255, 255, .4)}.hero-coverage-bar-inner{display: flex;align-items: stretch;background: rgba(6, 20, 40, .75);backdrop-filter: blur(24px);-webkit-backdrop-filter: blur(24px);border: 1.5px solid rgba(var(--color-neon-cyan-rgb), .4);border-radius: 999px;box-shadow: 0 0 60px -4px rgba(var(--color-neon-cyan-rgb), .22), 0 0 0 1px rgba(var(--color-neon-cyan-rgb), .08), 0 8px 32px rgba(0, 0, 0, .45), inset 0 1px 0 rgba(255, 255, 255, .1);transition: border-color .3s, box-shadow .3s;position: relative}.hero-coverage-bar-inner:focus-within{border-color: rgba(var(--color-neon-cyan-rgb), .6);box-shadow: 0 0 80px -4px rgba(var(--color-neon-cyan-rgb), .3), 0 0 0 1px rgba(var(--color-neon-cyan-rgb), .15), 0 8px 32px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .12)}.hero-coverage-bar-icon{display: flex;align-items: center;justify-content: center;width: 51px;flex-shrink: 0;color: var(--color-neon-cyan, var(--color-footer-link-hover));font-size: .9rem;position: relative}.hero-coverage-bar-icon i{font-size: var(--fs-md, .875rem)}.hero-coverage-bar-pulse{position: absolute;width: 35px;height: 35px;border-radius: 50%;border: 2px solid var(--color-neon-cyan, var(--color-footer-link-hover));opacity: 0;animation: searchPulse 2.5s ease-out infinite}.hero-coverage-bar-input{flex: 1;min-width: 0;padding: 12px 8px 12px 0;font-size: var(--fs-md, .9rem);color: #fff;background: transparent;border: none;outline: none}.hero-coverage-bar-input::placeholder{color: rgba(255, 255, 255, .5)}.hero-coverage-bar-input:focus::placeholder{color: rgba(var(--color-neon-cyan-rgb), .4)}.hero-coverage-bar-btn{display: flex;align-items: center;justify-content: center;width: 45px;height: 45px;margin: 3px;font-size: .85rem;color: #fff;background: linear-gradient(135deg, var(--color-primary-hover), var(--color-neon-blue));border: none;border-radius: 50%;cursor: pointer;transition: box-shadow .3s, transform .2s, opacity .2s;position: relative;overflow: hidden}.hero-coverage-bar-btn::before{content: '';position: absolute;inset: 0;background: radial-gradient(circle at center, rgba(255,255,255,.2), transparent 70%);opacity: 0;transition: opacity .3s}.hero-coverage-bar-btn:hover:not(:disabled)::before{opacity: 1}.hero-coverage-bar-btn:hover:not(:disabled){box-shadow: 0 0 20px rgba(6, 182, 212, .5);transform: scale(1.05)}.hero-coverage-bar-btn:disabled{opacity: .35;cursor: not-allowed}.hero-coverage-btn:hover:not(:disabled){box-shadow: 0 6px 20px rgba(6, 182, 212, .4);transform: translateY(-1px)}.hero-coverage-btn:disabled{opacity: .5;cursor: not-allowed}.hero-coverage-result{margin-top: var(--space-md, 16px);text-align: left}.hero-bar-dropdown:not(.hero-bar-dropdown-portal){position: absolute;top: calc(100% + 8px);left: 0;right: 0;min-width: 300px;background: var(--color-surface, #fff) !important;border: 1px solid var(--color-border) !important;border-radius: var(--radius-lg, 12px) !important;box-shadow: 0 12px 40px rgba(0, 0, 0, .2);backdrop-filter: blur(16px);-webkit-backdrop-filter: blur(16px)}.hero-bar-dropdown .autocomplete-item-name{color: var(--color-text)}.hero-bar-dropdown .autocomplete-item:hover{background: var(--color-primary-light)}.hero-bar-dropdown .autocomplete-badge{background: var(--color-primary-light);color: var(--color-primary)}.hero-bar-dropdown .autocomplete-item-sub{color: var(--color-text-muted)}[data-theme="dark"] .hero-bar-dropdown:not(.hero-bar-dropdown-portal){background: rgba(10, 18, 36, .94) !important;border-color: rgba(var(--color-neon-cyan-rgb), .12) !important;box-shadow: 0 12px 40px rgba(0, 0, 0, .5)}[data-theme="dark"] .hero-bar-dropdown .autocomplete-item-name{color: #fff}[data-theme="dark"] .hero-bar-dropdown .autocomplete-item:hover{background: rgba(var(--color-neon-cyan-rgb), .1)}[data-theme="dark"] .hero-bar-dropdown .autocomplete-badge{background: rgba(var(--color-neon-cyan-rgb), .12);color: var(--color-footer-link-hover)}[data-theme="dark"] .hero-bar-dropdown .autocomplete-item-sub{color: rgba(255, 255, 255, .4)}@media (max-width: 640px){.coverage-result-card{flex-direction: column;gap: var(--space-sm);text-align: center}.coverage-float-search{position: relative;top: auto;left: auto;transform: none;width: 100%;margin-bottom: var(--space-md)}.coverage-float-inner{border-radius: var(--radius-xl, 16px);flex-wrap: wrap}.coverage-float-input-group{flex: 1 1 100%}.coverage-float-input-group + .coverage-float-input-group{border-left: none;border-top: 1px solid var(--color-float-divider, rgba(255, 255, 255, .08))}.coverage-float-btn{flex: 1 1 100%;padding: 12px;border-radius: var(--radius-lg, 12px);justify-content: center}.coverage-float-result{position: relative;bottom: auto;left: auto;right: auto;margin-top: var(--space-md)}.hero-coverage-bar{max-width: 100%;margin-top: var(--space-md)}.hero-coverage-bar-inner{background: rgba(6, 20, 40, .82);border-color: rgba(var(--color-neon-cyan-rgb), .45);box-shadow: 0 0 50px -2px rgba(var(--color-neon-cyan-rgb), .28), 0 0 0 1px rgba(var(--color-neon-cyan-rgb), .12), 0 6px 24px rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 255, 255, .1)}.hero-coverage-bar-input{font-size: var(--fs-base, 1rem);padding: 14px 8px 14px 0}.hero-coverage-bar-btn{width: 48px;height: 48px}}.promo-blocks-grid{display: grid;grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));gap: var(--space-xl)}.promo-block{display: flex;flex-direction: column;background: var(--glass-bg);border: 1px solid var(--glass-border-subtle);border-radius: var(--radius-xl);overflow: hidden;backdrop-filter: blur(var(--glass-blur));-webkit-backdrop-filter: blur(var(--glass-blur));transition: transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base)}.promo-block:hover{transform: translateY(-4px);border-color: rgba(var(--color-neon-cyan-rgb), 0.35);box-shadow: var(--shadow-lg), 0 0 24px rgba(var(--color-neon-cyan-rgb), 0.12)}.promo-block-image{width: 100%;aspect-ratio: 16 / 9;object-fit: cover;display: block;background: var(--color-bg-alt)}.promo-block-body{padding: var(--space-lg);display: flex;flex-direction: column;gap: var(--space-sm);flex: 1}.promo-block-badge{align-self: flex-start;padding: var(--space-2xs) var(--space-md);background: linear-gradient(135deg, var(--color-accent), var(--color-accent-light));color: #fff;font-size: var(--fs-xs);font-weight: var(--fw-bold);letter-spacing: var(--ls-wide);text-transform: uppercase;border-radius: var(--radius-full)}.promo-block-title{font-size: var(--fs-lg);font-weight: var(--fw-bold);color: var(--color-text);margin: 0}.promo-block-subtitle{color: var(--color-text-muted);font-size: var(--fs-sm);margin: 0}.promo-block-text{color: var(--color-text-muted);line-height: var(--lh-relaxed);margin: 0}.promo-block-text p{margin: 0}.promo-block-cta{margin-top: auto;align-self: flex-start;display: inline-flex;align-items: center;gap: var(--space-xs);padding: var(--space-xs) var(--space-lg);font-size: var(--fs-sm);font-weight: var(--fw-semibold);color: #fff;background: linear-gradient(135deg, var(--color-primary), var(--color-neon-blue));border-radius: var(--radius-full);text-decoration: none;transition: filter var(--transition-fast), box-shadow var(--transition-fast)}.promo-block-cta:hover{filter: brightness(1.15);box-shadow: var(--shadow-glow);color: #fff}.promo-block-cta i{font-size: 0.8em}.promo-footer-strip{padding: var(--space-2xl) 0;background: var(--color-bg-alt);border-top: 1px solid var(--glass-border-subtle)}.promo-blocks-grid--slim{gap: var(--space-lg)}.promo-block--slim{flex-direction: row;align-items: center}.promo-block--slim .promo-block-image{width: 96px;aspect-ratio: 1 / 1;align-self: stretch;flex-shrink: 0}.promo-block--slim .promo-block-body{padding: var(--space-md) var(--space-lg);gap: var(--space-2xs)}.promo-block--slim .promo-block-title{font-size: var(--fs-md)}.promo-block--slim .promo-block-text{display: none}.promo-block--slim .promo-block-cta{margin-top: var(--space-xs)}@media (max-width: 768px){.promo-block{backdrop-filter: none;-webkit-backdrop-filter: none;background: var(--color-surface)}.promo-blocks-grid{grid-template-columns: 1fr;gap: var(--space-lg)}}:root{--color-primary: #00b0f0;--color-primary-hover: #0093c9;--color-primary-light: #e6f7fe;--color-primary-dark: #0093c9;--color-secondary: #1c1c20;--color-accent: #0077b0;--color-bg: #f4f4f2;--color-bg-alt: #ededea;--color-surface: #ffffff;--color-text: #0a0a0b;--color-text-muted: #5a5a62;--color-border: #d8d8d2;--color-header-bg: #ffffff;--color-footer-bg: #0a0a0b;--color-text-inverse: #ffffff;--color-footer-text: #ededef;--color-neon-cyan: #00b0f0;--color-primary-lighter: #4cc7f4;--color-primary-darkest: #007ba8;--color-accent-lighter: #3392bf;--color-accent-darkest: #005984;--color-accent-light: #1e87b9;--color-accent-dark: #006595;--color-secondary-light: #3e3e41;--color-secondary-dark: #17171b;--color-border-light: #dbdbd6;--color-border-dark: #c2c2bd;--color-border-focus: #0077b0;--color-text-secondary: #535354;--color-text-tertiary: #787878;--color-text-link: #00b0f0;--color-text-link-hover: #0077b0;--color-surface-alt: #f7f7f7;--color-surface-hover: #f2f2f2;--color-surface-active: #eaeaea;--color-bg-elevated: #f4f4f2;--color-text-on-primary: #1a1714;--color-text-on-accent: #ffffff;--color-primary-rgb: 0, 176, 240;--color-secondary-rgb: 28, 28, 32;--color-accent-rgb: 0, 119, 176;--color-border-accent: rgba(0, 119, 176, 0.3);--color-bg-hero-overlay: linear-gradient(180deg, rgba(0, 123, 168, 0.55) 0%, rgba(0, 123, 168, 0.35) 40%, rgba(0, 123, 168, 0.7) 100%);--font-heading: 'Inter', serif;--font-body: 'Inter', sans-serif;--logo-url: url('/uploads/2026/03/202a840f99b962a2_1773654240.webp');--logo-dark-url: url('/uploads/2026/03/42ab42ae6893ebf8_1773654246.webp');--favicon-url: url('/uploads/2026/08/8b0318e53b126006_1786110938.webp');--hero-image: url('/uploads/2026/03/6aed68cc74230b80_1773659120.webp');--hero-image-mobile: url('/uploads/2026/03/360b509bdce8b334_1773659185.webp');--og-image: url('/uploads/2026/03/202a840f99b962a2_1773654240.webp');--hero-image-2: url('/templates/telecom/images/heroes/hero-2.jpg');--page-header-bg: url('/uploads/2026/03/3ab51a8225fc92e5_1773661830.webp');--hero-image-3: url('/templates/telecom/images/heroes/hero-3.jpg');--promo-tv-image: url('/templates/telecom/images/promo-tv.jpg');--promo-router-image: url('/templates/telecom/images/promo-router.jpg')}[data-theme="dark"]{--color-bg: #0a0a0b;--color-bg-alt: #0f0f11;--color-surface: #141417;--color-primary: #00b0f0;--color-primary-hover: #0093c9;--color-text: #ededef;--color-primary-light: #0a1d28;--color-text-muted: #8a8a92;--color-secondary: #1c1c20;--color-accent: #0077b0;--color-border: #26262b;--color-header-bg: #0a0a0b;--color-footer-bg: #0a0a0b;--color-footer-text: #8a8a92;--color-primary-lighter: #4cc7f4;--color-primary-darkest: #007ba8;--color-primary-dark: #0095cc;--color-accent-lighter: #3392bf;--color-accent-darkest: #005984;--color-accent-light: #1e87b9;--color-accent-dark: #006595;--color-secondary-light: #3e3e41;--color-secondary-dark: #17171b;--color-border-light: #3b3b40;--color-border-dark: #222226;--color-border-focus: #0077b0;--color-text-secondary: #f2f2f3;--color-text-tertiary: #f5f5f6;--color-text-link: #00b0f0;--color-text-link-hover: #0077b0;--color-surface-alt: #131316;--color-surface-hover: #131315;--color-surface-active: #121215;--color-bg-elevated: #111112;--color-text-on-primary: #1a1714;--color-text-on-accent: #ffffff;--color-primary-rgb: 0, 176, 240;--color-secondary-rgb: 28, 28, 32;--color-accent-rgb: 0, 119, 176;--color-border-accent: rgba(0, 119, 176, 0.3);--color-bg-hero-overlay: linear-gradient(180deg, rgba(0, 12, 17, 0.7) 0%, rgba(0, 12, 17, 0.5) 40%, rgba(0, 12, 17, 0.8) 100%)}@media (prefers-color-scheme: dark){[data-theme="system"]{--color-bg: #0a0a0b;--color-bg-alt: #0f0f11;--color-surface: #141417;--color-primary: #00b0f0;--color-primary-hover: #0093c9;--color-text: #ededef;--color-primary-light: #0a1d28;--color-text-muted: #8a8a92;--color-secondary: #1c1c20;--color-accent: #0077b0;--color-border: #26262b;--color-header-bg: #0a0a0b;--color-footer-bg: #0a0a0b;--color-footer-text: #8a8a92;--color-primary-lighter: #4cc7f4;--color-primary-darkest: #007ba8;--color-primary-dark: #0095cc;--color-accent-lighter: #3392bf;--color-accent-darkest: #005984;--color-accent-light: #1e87b9;--color-accent-dark: #006595;--color-secondary-light: #3e3e41;--color-secondary-dark: #17171b;--color-border-light: #3b3b40;--color-border-dark: #222226;--color-border-focus: #0077b0;--color-text-secondary: #f2f2f3;--color-text-tertiary: #f5f5f6;--color-text-link: #00b0f0;--color-text-link-hover: #0077b0;--color-surface-alt: #131316;--color-surface-hover: #131315;--color-surface-active: #121215;--color-bg-elevated: #111112;--color-text-on-primary: #1a1714;--color-text-on-accent: #ffffff;--color-primary-rgb: 0, 176, 240;--color-secondary-rgb: 28, 28, 32;--color-accent-rgb: 0, 119, 176;--color-border-accent: rgba(0, 119, 176, 0.3);--color-bg-hero-overlay: linear-gradient(180deg, rgba(0, 12, 17, 0.7) 0%, rgba(0, 12, 17, 0.5) 40%, rgba(0, 12, 17, 0.8) 100%)}}