body {
            font-family: 'Inter', sans-serif;
            background-color: #2d5f8f !important; 
            color: #e0f2fe !important;
            overflow-x: hidden;
        }
        
        /* Critical: Ensure all text is visible - apply to all elements first */
        html,
        html body {
            color: #e0f2fe !important;
        }
        
        /* Force text color for all standard text elements */
        html body p,
        html body span:not(i):not(svg):not([data-lucide]),
        html body div:not([class*="icon"]):not([class*="lucide"]):not([class*="img"]),
        html body li,
        html body ul,
        html body ol,
        html body td,
        html body th {
            color: #bae6fd !important;
        }
        
        html body h1,
        html body h2,
        html body h3,
        html body h4,
        html body h5,
        html body h6 {
            color: #e0f2fe !important;
        }

        .glass {
            background: rgba(45, 95, 143, 0.65);
            backdrop-filter: blur(16px);
            border: 1px solid rgba(87, 138, 214, 0.5);
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.15);
        }

        .mobile-menu-solid {
            background-color: #2d5f8f; 
            z-index: 9999; 
        }

        .glass-card {
            background: linear-gradient(145deg, rgba(45, 95, 143, 0.75), rgba(70, 100, 150, 0.65));
            backdrop-filter: blur(20px);
            border: 1px solid rgba(87, 138, 214, 0.5);
            transition: transform 0.1s ease-out, box-shadow 0.3s ease;
            transform-style: preserve-3d;
        }

        .btn-primary {
            background: linear-gradient(90deg, #333399, #3A4E84);
            transition: all 0.3s;
        }
        .btn-primary:hover {
            box-shadow: 0 0 25px rgba(51, 51, 153, 0.7);
            transform: translateY(-2px);
        }

        .btn-instagram {
            background: linear-gradient(90deg, #578ad6, #333399);
            transition: all 0.3s;
        }
        .btn-instagram:hover {
            opacity: 0.9;
            transform: translateY(-2px);
            box-shadow: 0 0 20px rgba(51, 51, 153, 0.6);
        }

        .nav-link {
            position: relative;
            font-size: 0.85rem;
            letter-spacing: 0.05em;
            text-transform: uppercase;
            font-weight: 600;
            color: #bae6fd;
            transition: color 0.3s;
        }
        .nav-link::after {
            content: '';
            position: absolute;
            bottom: -4px;
            left: 0;
            width: 0;
            height: 2px;
            background: #578ad6;
            transition: width 0.3s;
        }
        .nav-link:hover { color: #e0f2fe; }
        .nav-link:hover::after { width: 100%; }

        .mobile-link {
            font-size: 1.5rem;
            text-transform: uppercase;
            letter-spacing: 0.1em;
            color: rgba(224, 242, 254, 0.9);
            transition: all 0.3s ease;
            position: relative;
            padding-bottom: 5px;
        }
        .mobile-link::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 2px;
            background: linear-gradient(90deg, #578ad6, #7dd3fc);
            transition: width 0.3s ease;
        }
        .mobile-link:hover { color: #ffffff; text-shadow: 0 0 20px rgba(87, 138, 214, 0.8); }
        .mobile-link:hover::after { width: 100%; }

        .reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s ease-out; }
        .reveal.active { opacity: 1; transform: translateY(0); }

        .img-glow-container img {
            border-radius: 1.5rem;
            border: 3px solid rgba(87, 138, 214, 0.8);
            box-shadow: 0 0 50px rgba(87, 138, 214, 0.5), 0 0 20px rgba(87, 138, 214, 0.3);
            animation: float 6s ease-in-out infinite;
        }
        
        /* Make video more visible and sharper */
        #main video {
            filter: brightness(1.25) contrast(1.3) saturate(1.1);
        }
        @keyframes float {
            0% { transform: translateY(0px); }
            50% { transform: translateY(-10px); }
            100% { transform: translateY(0px); }
        }

        .no-scroll { overflow: hidden; height: 100vh; }
        
        /* Override Tailwind text colors with !important for browser compatibility */
        body.text-white,
        body .text-white,
        body.text-gray-100,
        body .text-gray-100,
        body.text-gray-200,
        body .text-gray-200,
        body.text-gray-300,
        body .text-gray-300,
        body.text-gray-400,
        body .text-gray-400,
        body.text-gray-500,
        body .text-gray-500,
        body.text-gray-600,
        body .text-gray-600,
        body.text-gray-700,
        body .text-gray-700,
        body.text-gray-800,
        body .text-gray-800,
        body.text-gray-900,
        body .text-gray-900,
        body.text-black,
        body .text-black {
            color: #bae6fd !important;
        }
        
        /* Ensure all headings are light */
        body h1,
        body h2,
        body h3,
        body h4,
        body h5,
        body h6 {
            color: #e0f2fe !important;
        }
        
        /* Override any dark text colors */
        body [class*="text-slate"],
        body [class*="text-gray"],
        body [class*="text-zinc"],
        body [class*="text-neutral"],
        body [class*="text-stone"] {
            color: #bae6fd !important;
        }
        
        /* Critical: Force text visibility for all elements - highest priority */
        html body section *,
        html body main *,
        html body article *,
        html body div * {
            color: #bae6fd !important;
        }
        
        html body section h1,
        html body section h2,
        html body section h3,
        html body section h4,
        html body section h5,
        html body section h6,
        html body main h1,
        html body main h2,
        html body main h3,
        html body main h4,
        html body main h5,
        html body main h6 {
            color: #e0f2fe !important;
        }
        
        /* Ensure text is visible even if inline styles fail */
        section p,
        section div:not([class*="icon"]):not([class*="lucide"]),
        section span:not([class*="icon"]):not([class*="lucide"]),
        .glass p,
        .glass div:not([class*="icon"]):not([class*="lucide"]),
        .glass span:not([class*="icon"]):not([class*="lucide"]),
        .glass-card p,
        .glass-card div:not([class*="icon"]):not([class*="lucide"]),
        .glass-card span:not([class*="icon"]):not([class*="lucide"]) {
            color: #bae6fd !important;
            visibility: visible !important;
            opacity: 1 !important;
        }
        
        /* Fallback: Apply color to all text elements as last resort - but exclude icons and special elements */
        body p:not([class*="icon"]):not([class*="lucide"]),
        body span:not([class*="icon"]):not([class*="lucide"]):not([class*="text-transparent"]):not(i),
        body div:not([class*="icon"]):not([class*="lucide"]):not([class*="text-transparent"]):not([class*="img"]),
        body li:not([class*="icon"]):not([class*="lucide"]),
        body td:not([class*="icon"]):not([class*="lucide"]),
        body th:not([class*="icon"]):not([class*="lucide"]) {
            color: #bae6fd !important;
        }
        
        body h1:not([class*="icon"]):not([class*="lucide"]),
        body h2:not([class*="icon"]):not([class*="lucide"]),
        body h3:not([class*="icon"]):not([class*="lucide"]),
        body h4:not([class*="icon"]):not([class*="lucide"]),
        body h5:not([class*="icon"]):not([class*="lucide"]),
        body h6:not([class*="icon"]):not([class*="lucide"]) {
            color: #e0f2fe !important;
        }
        
        /* Preserve gradient text and icons */
        .text-transparent,
        i[data-lucide],
        svg,
        img {
            color: inherit !important;
        }
        
        /* Ensure buttons and links have visible text */
        button,
        a:not([class*="icon"]):not([class*="lucide"]) {
            color: #e0f2fe !important;
        }
        
        button *:not([class*="icon"]):not([class*="lucide"]),
        a *:not([class*="icon"]):not([class*="lucide"]) {
            color: inherit !important;
        }

        /* Custom palette colors */
        .bg-pms279 { background-color: #578ad6; }
        .bg-pms279-opacity { background-color: rgba(87, 138, 214, 0.8); }
        .bg-reflex-blue { background-color: #333399; }
        .bg-reflex-blue-opacity { background-color: rgba(51, 51, 153, 0.8); }
        .bg-pms280 { background-color: #3A4E84; }
        .bg-pms281 { background-color: #002855; }
        
        .text-pms279 { color: #578ad6 !important; }
        .text-reflex-blue { color: #333399 !important; }
        .text-pms280 { color: #3A4E84 !important; }
        .text-pms281 { color: #002855 !important; }
        
        .border-pms279 { border-color: rgba(87, 138, 214, 0.5); }
        .border-reflex-blue { border-color: rgba(51, 51, 153, 0.5); }
        .border-pms280 { border-color: rgba(58, 78, 132, 0.5); }
        .border-pms281 { border-color: rgba(0, 40, 85, 0.5); }

        /* Light text colors for dark background */
        .text-light-primary { color: #e0f2fe !important; }
        .text-light-secondary { color: #bae6fd !important; }
        .text-light-accent { color: #7dd3fc !important; }
        
        /* Force light text colors for all text elements on dark background */
        body {
            color: #e0f2fe !important;
        }
        
        /* Specific overrides for different text elements */
        body p,
        body span:not([class*="text-"]):not([style*="color"]),
        body div:not([class*="text-"]):not([style*="color"]),
        body li,
        body ul,
        body ol {
            color: #bae6fd !important;
        }
        
        body h1,
        body h2,
        body h3,
        body h4,
        body h5,
        body h6 {
            color: #e0f2fe !important;
        }
        
        /* Ensure all text in sections is visible */
        section * {
            color: inherit;
        }
        
        section p:not([style*="color"]),
        section span:not([style*="color"]):not([class*="text-"]),
        section div:not([style*="color"]):not([class*="text-"]),
        section li {
            color: #bae6fd !important;
        }
        
        section h1:not([style*="color"]),
        section h2:not([style*="color"]),
        section h3:not([style*="color"]),
        section h4:not([style*="color"]),
        section h5:not([style*="color"]),
        section h6:not([style*="color"]) {
            color: #e0f2fe !important;
        }
        
        /* Glass elements text */
        .glass p,
        .glass span:not([style*="color"]),
        .glass div:not([style*="color"]),
        .glass li {
            color: #bae6fd !important;
        }
        
        .glass h1,
        .glass h2,
        .glass h3,
        .glass h4,
        .glass h5,
        .glass h6 {
            color: #e0f2fe !important;
        }
        
        /* Glass card elements */
        .glass-card p,
        .glass-card span:not([style*="color"]),
        .glass-card div:not([style*="color"]),
        .glass-card li {
            color: #bae6fd !important;
        }
        
        .glass-card h1,
        .glass-card h2,
        .glass-card h3,
        .glass-card h4,
        .glass-card h5,
        .glass-card h6 {
            color: #e0f2fe !important;
        }
        
        /* Sections text */
        section p,
        section span:not([style*="color"]),
        section div:not([style*="color"]),
        section li {
            color: #bae6fd !important;
        }
        
        section h1,
        section h2,
        section h3,
        section h4,
        section h5,
        section h6 {
            color: #e0f2fe !important;
        }
        
        /* Links */
        a:not([style*="color"]) {
            color: #bae6fd !important;
        }
        
        a:hover:not([style*="color"]) {
            color: #e0f2fe !important;
        }
        
        /* Lists */
        ul li,
        ol li {
            color: #bae6fd !important;
        }
        
        /* Universal text color rules for maximum browser compatibility */
        * {
            color: inherit;
        }
        
        /* Force text visibility - override any conflicting styles */
        html body,
        html body section,
        html body div,
        html body article,
        html body main {
            color: #e0f2fe !important;
        }
        
        html body p,
        html body span:not([class*="icon"]):not([class*="lucide"]),
        html body li,
        html body td,
        html body th {
            color: #bae6fd !important;
        }
        
        html body h1,
        html body h2,
        html body h3,
        html body h4,
        html body h5,
        html body h6 {
            color: #e0f2fe !important;
        }
        
        /* Ensure glass and glass-card content is visible */
        .glass,
        .glass-card {
            color: #bae6fd !important;
        }
        
        .glass *:not([style*="color"]):not([class*="text-"]),
        .glass-card *:not([style*="color"]):not([class*="text-"]) {
            color: #bae6fd !important;
        }
        
        .glass h1:not([style*="color"]):not([class*="text-"]),
        .glass h2:not([style*="color"]):not([class*="text-"]),
        .glass h3:not([style*="color"]):not([class*="text-"]),
        .glass h4:not([style*="color"]):not([class*="text-"]),
        .glass-card h1:not([style*="color"]):not([class*="text-"]),
        .glass-card h2:not([style*="color"]):not([class*="text-"]),
        .glass-card h3:not([style*="color"]):not([class*="text-"]),
        .glass-card h4:not([style*="color"]):not([class*="text-"]) {
            color: #e0f2fe !important;
        }
        
        /* Submission items styles */
        .submission-item {
            transition: all 0.3s ease;
        }
        
        .submission-item:hover {
            border-color: rgba(87, 138, 214, 0.6) !important;
        }
        
        .submission-btn {
            cursor: pointer !important;
            text-align: left;
            position: relative;
            z-index: 1;
        }
        
        .submission-btn:hover {
            background-color: rgba(0, 40, 85, 0.8) !important;
        }
        
        .submission-item {
            position: relative;
        }
        
        .submission-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease-out, padding-top 0.4s ease-out, padding-bottom 0.4s ease-out;
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            padding-top: 0;
            padding-bottom: 0;
            display: block;
        }
        
        .submission-content.hidden {
            display: none !important;
        }
        
        .submission-icon {
            transition: transform 0.3s ease;
            pointer-events: none;
        }
        
        /* Mobile Responsive Styles */
        @media (max-width: 768px) {
            /* Reduce padding in registration section cards */
            #reg .glass-card {
                padding: 1.5rem !important;
            }
            
            #reg .relative.group .relative {
                padding: 1.5rem !important;
            }
            
            /* Reduce gap between cards on mobile */
            #reg .grid {
                gap: 1rem !important;
            }
            
            /* Reduce padding in materials section */
            #reg .glass {
                padding: 1rem !important;
            }
            
            /* Make email address wrap better on mobile */
            #reg .inline-flex {
                flex-wrap: wrap;
                justify-content: center;
                padding: 0.75rem !important;
            }
            
            #reg .inline-flex a {
                font-size: 0.875rem !important;
                word-break: break-all;
            }
            
            /* Reduce section padding on mobile */
            #reg {
                padding-top: 3rem !important;
                padding-bottom: 3rem !important;
                padding-left: 1rem !important;
                padding-right: 1rem !important;
            }
            
            /* Reduce text sizes on mobile */
            #reg h3 {
                font-size: 1.25rem !important;
            }
            
            #reg .text-2xl {
                font-size: 1.5rem !important;
            }
            
            #reg .text-xl {
                font-size: 1.125rem !important;
            }
            
            /* Reduce icon sizes on mobile */
            #reg .w-16.h-16 {
                width: 3rem !important;
                height: 3rem !important;
            }
            
            #reg .w-8.h-8 {
                width: 1.5rem !important;
                height: 1.5rem !important;
            }
            
            /* Better spacing for download materials section */
            #reg .max-w-4xl {
                padding-left: 0.5rem;
                padding-right: 0.5rem;
            }
            
            /* Reduce button padding on mobile */
            #reg a[href*="forms.gle"] {
                padding-top: 0.75rem !important;
                padding-bottom: 0.75rem !important;
                font-size: 0.75rem !important;
            }
            
            /* Make download cards stack better */
            #reg .grid.md\\:grid-cols-2 {
                gap: 0.75rem !important;
            }
            
            /* Reduce margin bottom on mobile */
            #reg .mb-16 {
                margin-bottom: 2rem !important;
            }
            
            #reg .mb-8 {
                margin-bottom: 1.5rem !important;
            }
            
            #reg .mt-10 {
                margin-top: 1.5rem !important;
            }
        }
        
        /* Ensure download material cells don't overflow */
        #reg .glass[href*=".pdf"] {
            overflow: visible !important;
            word-wrap: break-word !important;
        }
        
        #reg .glass[href*=".pdf"] span {
            overflow-wrap: break-word !important;
            word-break: break-word !important;
            hyphens: auto !important;
            white-space: normal !important;
        }
        
        /* Allow long download titles to wrap fully */
        #reg .glass[href*=".pdf"] {
            flex-wrap: wrap;
            gap: 0.75rem;
        }
        
        #reg .glass[href*=".pdf"] .flex-1 {
            min-width: 0;
        }
        
        @media (max-width: 640px) {
            /* Even smaller padding for very small screens */
            #reg .glass-card,
            #reg .relative.group .relative {
                padding: 1rem !important;
            }
            
            #reg .glass {
                padding: 0.75rem !important;
            }
            
            /* Ensure cells have enough height on mobile */
            #reg .glass[href*=".pdf"] {
                min-height: 90px !important;
            }
            
            /* Smaller text on very small screens */
            #reg .text-sm {
                font-size: 0.75rem !important;
            }
            
            #reg .text-xs {
                font-size: 0.625rem !important;
            }
            
            /* Reduce icon sizes further */
            #reg .w-16.h-16 {
                width: 2.5rem !important;
                height: 2.5rem !important;
            }
            
            /* Make email address smaller and allow wrapping on very small screens */
            #reg .inline-flex a {
                font-size: 0.75rem !important;
                white-space: normal !important;
                word-break: break-all !important;
            }
            
            /* Allow email container to wrap on very small screens */
            #reg .inline-flex.max-w-full {
                flex-wrap: wrap !important;
            }
        }
        
        /* Ensure email displays properly on mobile */
        @media (max-width: 768px) {
            #reg .inline-flex.max-w-full a {
                white-space: normal !important;
                word-break: break-all !important;
            }
            
            #reg .inline-flex.max-w-full {
                flex-wrap: wrap !important;
            }
        }
        
        /* Tab styles */
        .tab-content {
            animation: fadeIn 0.5s ease-in-out;
        }
        
        .tab-content.hidden {
            display: none;
        }
        
        .tab-content.active {
            display: block;
        }
        
        @keyframes fadeIn {
            from {
                opacity: 0;
                transform: translateY(10px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }
        
        .tab-btn {
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .tab-btn:hover {
            transform: translateY(-2px) scale(1.05);
        }
        
        .tab-btn.active {
            transform: scale(1.05);
        }

        /* Speakers section: card like reference — light blue, thin border, portrait photo with shadow */
        .speaker-card {
            background: linear-gradient(145deg, rgba(87, 138, 214, 0.25), rgba(125, 211, 252, 0.15)) !important;
            border: 2px solid rgba(87, 138, 214, 0.6) !important;
            display: flex;
            flex-direction: column;
            align-items: center;
            min-width: 0;
            overflow: hidden;
        }
        .speaker-photo-wrap {
            flex-shrink: 0;
            width: 100%;
            display: flex;
            justify-content: center;
        }
        .speaker-photo-frame {
            overflow: hidden;
            border-radius: 1rem;
            border: 2px solid rgba(87, 138, 214, 0.65);
            box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15);
            line-height: 0;
        }
        .speaker-photo {
            display: block;
            max-width: 320px;
            width: 100%;
            height: auto;
            object-fit: contain;
            vertical-align: middle;
        }
        #content-speakers .speaker-card h4,
        #content-speakers .speaker-card p {
            min-width: 0;
            word-wrap: break-word;
            overflow-wrap: break-word;
        }
        @media (max-width: 768px) {
            #content-speakers .speaker-card {
                padding: 1rem !important;
            }
            .speaker-photo {
                max-width: 100%;
                max-height: 320px;
                object-fit: contain;
            }
        }
        @media (max-width: 480px) {
            .speaker-photo {
                max-height: 280px;
            }
        }

        /* Отправка тезисов: одна большая кнопка + копировать email */
        .thesis-send-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem 0.75rem;
            padding: 0.875rem 1.5rem;
            min-height: 52px;
            font-size: 1rem;
            font-weight: 700;
            color: #e0f2fe !important;
            background: linear-gradient(135deg, rgba(87, 138, 214, 0.9), rgba(125, 211, 252, 0.5));
            border: 2px solid rgba(87, 138, 214, 0.8);
            border-radius: 0.75rem;
            text-decoration: none;
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
            box-shadow: 0 4px 14px rgba(87, 138, 214, 0.35);
            -webkit-tap-highlight-color: transparent;
        }
        .thesis-send-btn:hover {
            transform: scale(1.02);
            box-shadow: 0 6px 20px rgba(87, 138, 214, 0.45);
        }
        .thesis-send-btn:active {
            transform: scale(0.98);
        }
        .submission-block .flex.flex-wrap.gap-3 .thesis-send-btn {
            flex: 1 1 auto;
            min-width: 140px;
        }
        .copy-email-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.375rem 0.5rem;
            padding: 0.5rem 1rem;
            font-size: 0.875rem;
            font-weight: 600;
            color: #bae6fd !important;
            background: rgba(45, 95, 143, 0.5);
            border: 1px solid rgba(87, 138, 214, 0.5);
            border-radius: 0.5rem;
            cursor: pointer;
            transition: background 0.2s, transform 0.2s;
            -webkit-tap-highlight-color: transparent;
        }
        .copy-email-btn:hover {
            background: rgba(87, 138, 214, 0.4);
        }
        .copy-email-btn.copied .copy-email-text {
            font-weight: 700;
            color: #7dd3fc !important;
        }