        body {
            background-color: #f3faff;
            color: #071e27;
        }
        .dark body {
            background-color: #050b14;
            color: #e2e8f0;
        }
        .material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
        }
        
        .dark .partner-logo-img {
            filter: drop-shadow(0px 0px 1px rgba(255, 255, 255, 0.95)) drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.75));
        }
        
        .dark .partner-logo-img[alt="Motokom Slovakia"] {
            filter: brightness(2.2);
        }
        
        /* Glass Panels */
        .glass-panel {
            background: rgba(255, 255, 255, 0.9);
            backdrop-filter: blur(8px);
            border: 1px solid #c1c6d6;
        }
        .dark .glass-panel {
            background: rgba(15, 23, 42, 0.4);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.05);
        }
        .glass-nav {
            background: rgba(243, 250, 255, 0.85);
            backdrop-filter: blur(20px);
            border-bottom: 1px solid #c1c6d6;
        }
        .dark .glass-nav {
            background: rgba(5, 11, 20, 0.7);
            border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        }
        
        /* Motion & Entry Animations */
        .reveal-left {
            opacity: 0;
            transform: translateX(-40px);
            transition: all 800ms cubic-bezier(0.34, 1.56, 0.64, 1);
        }
        .reveal-right {
            opacity: 0;
            transform: translateX(40px);
            transition: all 800ms cubic-bezier(0.34, 1.56, 0.64, 1);
        }
        .reveal-bottom {
            opacity: 0;
            transform: translateY(40px);
            transition: all 800ms cubic-bezier(0.34, 1.56, 0.64, 1);
        }
        .reveal-visible {
            opacity: 1;
            transform: translate(0, 0);
        }
        
        /* Spring Hover States */
        .hover-spring {
            transition: transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 600ms cubic-bezier(0.34, 1.56, 0.64, 1);
        }
        .hover-spring:hover {
            transform: scale(1.05);
            box-shadow: 0 25px 50px -12px rgba(0, 91, 191, 0.4);
            z-index: 10;
        }
        .dark .hover-spring:hover {
            box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.6);
        }

        .cta-hover {
            transition: transform 400ms cubic-bezier(0.34, 1.56, 0.64, 1), background-color 300ms ease-in-out, box-shadow 300ms ease-in-out;
        }
        .cta-hover:hover {
            transform: scale(1.03);
            box-shadow: 0 10px 25px rgba(0, 91, 191, 0.3);
        }

        .grid-pattern {
            background-image: 
                linear-gradient(to right, rgba(0,91,191,0.05) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(0,91,191,0.05) 1px, transparent 1px);
            background-size: 40px 40px;
        }
        .dark .grid-pattern {
            background-image: 
                linear-gradient(to right, rgba(255,255,255,0.03) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255,255,255,0.03) 1px, transparent 1px);
        }
        .glowing-line {
            height: 1px;
            background: linear-gradient(90deg, transparent, #005bbf, transparent);
            opacity: 0.3;
        }
        .industrial-card {
            border-top: 4px solid #005bbf;
        }
        
        /* Parallax Utility */
        .parallax-container {
            overflow: hidden;
        }
        .parallax-target {
            will-change: transform;
        }

        /* Language Switcher Styles */
        .lang-active {
            color: #005bbf;
            font-weight: 700;
        }
        .dark .lang-active {
            color: #ffffff;
        }

        /* Top navigation links */
        .nav-link {
            position: relative;
            display: inline-flex;
            align-items: center;
            padding: 0.25rem 0 0.45rem;
            transition: color 220ms ease, transform 180ms ease, text-shadow 220ms ease;
        }
        .nav-link::after {
            content: "";
            position: absolute;
            left: 0;
            right: 0;
            bottom: -2px;
            height: 2px;
            background: linear-gradient(90deg, transparent 0%, #005bbf 18%, #3b82f6 82%, transparent 100%);
            transform: scaleX(0.2);
            transform-origin: center;
            opacity: 0;
            transition: transform 220ms ease, opacity 220ms ease, box-shadow 220ms ease;
        }
        .nav-link:hover {
            color: #005bbf;
            transform: translateY(-1px);
            text-shadow: 0 0 14px rgba(0, 91, 191, 0.16);
        }
        .dark .nav-link:hover {
            color: #ffffff;
            text-shadow: 0 0 16px rgba(173, 199, 255, 0.2);
        }
        .nav-link:hover::after,
        .nav-link:focus-visible::after,
        .nav-link-active::after {
            transform: scaleX(1);
            opacity: 1;
            box-shadow: 0 0 10px rgba(0, 91, 191, 0.35);
        }
        .nav-link:active {
            transform: translateY(0);
        }
        .nav-link:focus-visible {
            outline: none;
            color: #005bbf;
        }
        .dark .nav-link:focus-visible {
            color: #ffffff;
        }
        .nav-link-active {
            color: #005bbf;
        }
        .dark .nav-link-active {
            color: #ffffff;
        }

        /* Mobile navigation */
        body.mobile-nav-open {
            overflow: hidden;
        }
        .mobile-nav-toggle {
            width: 3rem;
            height: 3rem;
            display: inline-flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 0.32rem;
            border: 1px solid rgba(0, 91, 191, 0.18);
            background: rgba(255, 255, 255, 0.04);
            backdrop-filter: blur(16px);
            transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
        }
        .mobile-nav-toggle:hover,
        .mobile-nav-toggle:focus-visible {
            background: rgba(0, 91, 191, 0.08);
            border-color: rgba(0, 91, 191, 0.38);
            box-shadow: 0 0 18px rgba(0, 91, 191, 0.18);
            outline: none;
        }
        .dark .mobile-nav-toggle {
            border-color: rgba(255, 255, 255, 0.08);
            background: rgba(255, 255, 255, 0.03);
        }
        .dark .mobile-nav-toggle:hover,
        .dark .mobile-nav-toggle:focus-visible {
            background: rgba(173, 199, 255, 0.08);
            border-color: rgba(173, 199, 255, 0.28);
            box-shadow: 0 0 18px rgba(173, 199, 255, 0.16);
        }
        .mobile-nav-toggle-line {
            width: 1.1rem;
            height: 2px;
            background: #005bbf;
            transform-origin: center;
            transition: transform 220ms ease, opacity 180ms ease, background-color 180ms ease;
        }
        .dark .mobile-nav-toggle-line {
            background: #ffffff;
        }
        .mobile-nav-open .mobile-nav-toggle {
            transform: translateY(-1px);
        }
        .mobile-nav-open .mobile-nav-toggle-line:nth-child(1) {
            transform: translateY(6px) rotate(45deg);
        }
        .mobile-nav-open .mobile-nav-toggle-line:nth-child(2) {
            opacity: 0;
        }
        .mobile-nav-open .mobile-nav-toggle-line:nth-child(3) {
            transform: translateY(-6px) rotate(-45deg);
        }
        .mobile-nav-overlay {
            position: fixed;
            inset: 0;
            z-index: 49;
            opacity: 0;
            pointer-events: none;
            transition: opacity 220ms ease;
        }
        .mobile-nav-overlay.is-open {
            opacity: 1;
            pointer-events: auto;
        }
        .mobile-nav-backdrop {
            position: absolute;
            inset: 0;
            background:
                linear-gradient(180deg, rgba(5, 11, 20, 0.9) 0%, rgba(5, 11, 20, 0.96) 100%),
                radial-gradient(circle at top right, rgba(0, 91, 191, 0.26), transparent 42%);
            backdrop-filter: blur(22px);
        }
        .mobile-nav-shell {
            position: relative;
            min-height: 100vh;
            padding: 6.9rem 1.25rem 2rem;
            overflow-y: auto;
        }
        .mobile-nav-grid {
            position: absolute;
            inset: 0;
            opacity: 0.18;
            background-image:
                linear-gradient(to right, rgba(255,255,255,0.04) 1px, transparent 1px),
                linear-gradient(to bottom, rgba(255,255,255,0.04) 1px, transparent 1px);
            background-size: 40px 40px;
            pointer-events: none;
        }
        .mobile-nav-content {
            position: relative;
            z-index: 1;
            display: flex;
            flex-direction: column;
            min-height: calc(100vh - 8.9rem);
            justify-content: center;
            gap: 2.25rem;
        }
        .mobile-nav-links {
            display: flex;
            flex-direction: column;
            gap: 0.85rem;
        }
        .mobile-nav-link {
            display: inline-flex;
            align-items: center;
            width: 100%;
            min-height: 3.5rem;
            padding: 0.5rem 0;
            color: #ffffff;
            font-family: "Hanken Grotesk", sans-serif;
            font-size: clamp(2rem, 8vw, 2.7rem);
            font-weight: 800;
            line-height: 1.05;
            letter-spacing: 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            transition: color 180ms ease, transform 180ms ease, text-shadow 180ms ease;
        }
        .mobile-nav-link:hover,
        .mobile-nav-link:focus-visible {
            color: #adc7ff;
            transform: translateX(4px);
            text-shadow: 0 0 18px rgba(173, 199, 255, 0.2);
            outline: none;
        }
        .mobile-nav-controls {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 1rem;
            padding: 1rem 0;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
        }
        .mobile-nav-lang-switch {
            display: inline-flex;
            align-items: center;
            gap: 0.7rem;
            color: #cbd5e1;
            font-family: "JetBrains Mono", monospace;
            font-size: 0.85rem;
            text-transform: uppercase;
            letter-spacing: 0.2em;
        }
        .mobile-nav-lang-btn {
            padding: 0.25rem 0;
            transition: color 180ms ease, opacity 180ms ease, transform 180ms ease, text-shadow 180ms ease;
        }
        .mobile-nav-lang-btn:hover,
        .mobile-nav-lang-btn:focus-visible {
            color: #adc7ff !important;
            opacity: 1;
            transform: translateY(-1px);
            text-shadow: 0 0 12px rgba(173, 199, 255, 0.18);
            outline: none;
        }
        .mobile-nav-lang-btn:active {
            transform: translateY(0);
        }
        .mobile-nav-lang-btn.lang-active {
            color: #ffffff !important;
            opacity: 1;
        }
        .dark .mobile-nav-lang-btn.lang-active {
            color: #ffffff !important;
        }
        .mobile-nav-theme-toggle {
            width: 2.75rem;
            height: 2.75rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(255, 255, 255, 0.1);
            background: rgba(255, 255, 255, 0.03);
            color: #ffffff;
            transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease;
        }
        .mobile-nav-theme-icon-wrap {
            position: relative;
            width: 1.35rem;
            height: 1.35rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
        }
        .mobile-nav-theme-icon {
            position: absolute;
            inset: 0;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1.35rem;
            line-height: 1;
            transition: opacity 180ms ease, transform 220ms ease, color 180ms ease;
        }
        .mobile-nav-theme-icon-moon {
            opacity: 1;
            transform: rotate(0deg) scale(1);
            color: #ffffff;
        }
        .mobile-nav-theme-icon-sun {
            opacity: 0;
            transform: rotate(-90deg) scale(0.7);
            color: #adc7ff;
        }
        .dark .mobile-nav-theme-icon-moon {
            opacity: 0;
            transform: rotate(90deg) scale(0.7);
        }
        .dark .mobile-nav-theme-icon-sun {
            opacity: 1;
            transform: rotate(0deg) scale(1);
            color: #ffffff;
        }
        .mobile-nav-theme-toggle:hover,
        .mobile-nav-theme-toggle:focus-visible {
            background: rgba(173, 199, 255, 0.08);
            border-color: rgba(173, 199, 255, 0.28);
            transform: translateY(-1px);
            outline: none;
        }
        .mobile-nav-theme-toggle:hover .mobile-nav-theme-icon-moon,
        .mobile-nav-theme-toggle:focus-visible .mobile-nav-theme-icon-moon {
            color: #adc7ff;
        }
        .mobile-nav-theme-toggle:hover .mobile-nav-theme-icon-sun,
        .mobile-nav-theme-toggle:focus-visible .mobile-nav-theme-icon-sun {
            color: #ffffff;
        }
        .mobile-nav-actions {
            display: flex;
            flex-direction: column;
            gap: 0.9rem;
            margin-top: 0.5rem;
        }
        .mobile-nav-cta {
            width: 100%;
            min-height: 3.75rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 1rem 1.25rem;
            font-family: "Hanken Grotesk", sans-serif;
            font-size: 1rem;
            font-weight: 700;
            letter-spacing: 0.04em;
            transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease;
        }
        .mobile-nav-cta:hover,
        .mobile-nav-cta:focus-visible {
            transform: translateY(-1px);
            outline: none;
        }
        .mobile-nav-cta-primary {
            background: #005bbf;
            color: #ffffff;
            box-shadow: 0 0 24px rgba(0, 91, 191, 0.28);
        }
        .mobile-nav-cta-primary:hover,
        .mobile-nav-cta-primary:focus-visible {
            box-shadow: 0 0 28px rgba(0, 91, 191, 0.36);
        }
        .mobile-nav-cta-secondary {
            background: rgba(255, 255, 255, 0.04);
            color: #ffffff;
            border: 1px solid rgba(255, 255, 255, 0.12);
        }
        .mobile-nav-cta-secondary:hover,
        .mobile-nav-cta-secondary:focus-visible {
            background: rgba(173, 199, 255, 0.08);
            border-color: rgba(173, 199, 255, 0.24);
        }
        .mobile-nav-overlay.is-open .mobile-nav-link,
        .mobile-nav-overlay.is-open .mobile-nav-controls,
        .mobile-nav-overlay.is-open .mobile-nav-actions {
            animation: mobileNavFadeIn 220ms ease forwards;
        }
        .mobile-nav-overlay.is-open .mobile-nav-link:nth-child(1) { animation-delay: 40ms; }
        .mobile-nav-overlay.is-open .mobile-nav-link:nth-child(2) { animation-delay: 80ms; }
        .mobile-nav-overlay.is-open .mobile-nav-link:nth-child(3) { animation-delay: 120ms; }
        .mobile-nav-overlay.is-open .mobile-nav-controls { animation-delay: 150ms; }
        .mobile-nav-overlay.is-open .mobile-nav-actions { animation-delay: 180ms; }
        @keyframes mobileNavFadeIn {
            from {
                opacity: 0;
                transform: translateY(12px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        @media (min-width: 768px) {
            .mobile-nav-overlay,
            .mobile-nav-toggle {
                display: none !important;
            }
        }

        /* Public form consent blocks */
        .consent-checkbox-row {
            display: flex;
            align-items: flex-start;
            gap: 0.75rem;
        }
        .consent-checkbox {
            flex-shrink: 0;
            margin-top: 0.1rem;
        }
        .consent-copy {
            min-width: 0;
        }
        .consent-link {
            color: #005bbf;
            font-weight: 600;
            text-decoration: underline;
            text-decoration-color: rgba(0, 91, 191, 0.45);
            text-underline-offset: 0.14em;
            transition: color 180ms ease, text-decoration-color 180ms ease;
        }
        .consent-link:hover,
        .consent-link:focus-visible {
            color: #3b82f6;
            text-decoration-color: rgba(59, 130, 246, 0.7);
            outline: none;
        }
        .dark .consent-link {
            color: #adc7ff;
            text-decoration-color: rgba(173, 199, 255, 0.4);
        }
        .dark .consent-link:hover,
        .dark .consent-link:focus-visible {
            color: #ffffff;
            text-decoration-color: rgba(255, 255, 255, 0.7);
        }
        .consent-submit-btn:disabled {
            opacity: 0.48;
            cursor: not-allowed;
            pointer-events: none;
            box-shadow: none;
        }
        
        /* Select dropdown option readability fixes */
        select option {
            background-color: #ffffff;
            color: #071e27;
        }
        .dark select option {
            background-color: #0a1526;
            color: #ffffff;
        }
        .dark .text-on-surface-variant {
            color: #cbd5e1 !important;
        }
