/* ==========================================================================
           MODERN PREMIUM UI - SYSTEM FONTS - ZERO DEPENDENCIES
           ========================================================================== */
        :root {
            --bg-base: #0a0d14;
            --bg-gradient-1: #111827;
            --bg-gradient-2: #030712;
            --accent-green: #10B981; /* Premium Emerald/Neon Green */
            --accent-glow: rgba(16, 185, 129, 0.4);
            --text-main: #F9FAFB;
            --text-muted: #9CA3AF;
            --card-bg: rgba(255, 255, 255, 0.03);
            --card-border: rgba(255, 255, 255, 0.08);
            --font-main: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
            --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
        }

        /* Tooltip Premium Cyberpunk/Glassmorphism */
        .info-tooltip-wrapper {
            position: relative;
            display: inline-flex;
            align-items: center;
            cursor: pointer;
            color: var(--text-muted);
            transition: color 0.3s;
            margin-left: 5px;
            vertical-align: middle;
        }
        .info-tooltip-wrapper:hover, .info-tooltip-wrapper:active {
            color: var(--accent-green);
        }
        .info-tooltip-content {
            visibility: hidden;
            opacity: 0;
            position: absolute;
            bottom: 150%;
            right: -25px; /* Aligns right so it doesn't clip on the parent container */
            left: auto;
            transform: translateY(10px);
            background: rgba(10, 13, 20, 0.95);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(16, 185, 129, 0.3);
            border-top: 2px solid var(--accent-green);
            color: #f1f5f9;
            padding: 14px 16px;
            border-radius: 8px;
            font-size: 11px;
            font-weight: 500;
            line-height: 1.6;
            width: 260px;
            text-align: left;
            z-index: 1000;
            box-shadow: 0 10px 30px rgba(0,0,0,0.8), 0 0 20px rgba(16, 185, 129, 0.15);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            pointer-events: none;
        }
        @media (max-width: 600px) {
            .info-tooltip-content {
                width: 220px;
                right: -15px;
            }
        }
        .info-tooltip-wrapper:hover .info-tooltip-content,
        .info-tooltip-wrapper:active .info-tooltip-content {
            visibility: visible;
            opacity: 1;
            transform: translateY(0);
        }
        .info-tooltip-content::after {
            content: '';
            position: absolute;
            top: 100%;
            right: 28px; /* Align arrow with the ? icon */
            border-width: 6px;
            border-style: solid;
            border-color: rgba(16, 185, 129, 0.3) transparent transparent transparent;
        }
        @media (max-width: 600px) {
            .info-tooltip-content::after {
                right: 18px;
            }
        }
        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        body {
            font-family: var(--font-main);
            background-color: var(--bg-base);
            background-image: radial-gradient(circle at 50% 30%, var(--bg-gradient-1) 0%, var(--bg-gradient-2) 100%);
            color: var(--text-main);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            overflow-x: hidden;
            line-height: 1.5;
        }

        /* Ambient Glow behind the central dial */
        body::before {
            content: '';
            position: absolute;
            top: 20%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, var(--accent-glow) 0%, transparent 60%);
            opacity: 0.15;
            pointer-events: none;
            z-index: 0;
        }

        /* ==========================================================================
           HEADER
           ========================================================================== */
        .elite-header {
            display: flex; justify-content: space-between; align-items: center;
            padding: 20px 50px; z-index: 100; position: sticky; top: 0;
            background-color: rgba(10, 13, 20, 0.95);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border-bottom: 1px solid var(--card-border);
            transition: position 0.3s;
        }
        body.is-testing .elite-header {
            position: relative; /* Permite que o header saia da tela no scroll durante o teste */
        }

        .logo {
            font-size: 20px;
            font-weight: 700;
            color: var(--text-main);
            text-decoration: none;
            display: flex;
            align-items: center;
            gap: 12px;
            letter-spacing: -0.5px;
        }

        .logo svg {
            width: 33px;
            height: 33px;
            fill: none;
            stroke: var(--accent-green);
            stroke-width: 2.5;
            stroke-linecap: round;
            stroke-linejoin: round;
            shape-rendering: geometricPrecision;
        }

        .logo-highlight {
            color: var(--accent-green);
        }

        .header-nav {
            display: flex;
            gap: 40px;
            align-items: center;
        }

        .header-nav a {
            color: var(--text-muted);
            text-decoration: none;
            font-size: 14px;
            font-weight: 500;
            transition: color 0.3s;
        }

        .header-nav a:hover {
            color: var(--text-main);
        }

        .mobile-menu-btn {
            display: none;
            background: none;
            border: none;
            color: var(--text-main);
            cursor: pointer;
            padding: 5px;
        }

        .user-profile {
            display: flex;
            align-items: center;
            gap: 12px;
            color: var(--text-main);
            font-size: 14px;
            font-weight: 500;
            cursor: pointer;
        }

        .user-avatar {
            width: 36px;
            height: 36px;
            border-radius: 50%;
            background: var(--card-bg);
            border: 1px solid var(--card-border);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .user-avatar svg { width: 18px; height: 18px; fill: var(--text-muted); }

        .region-selector {
            position: relative;
            color: var(--text-muted);
            font-size: 14px;
            cursor: pointer;
            display: flex;
            align-items: center;
        }

        .region-current {
            display: flex;
            align-items: center;
            gap: 6px;
            padding: 8px 12px;
            border-radius: 8px;
            transition: all 0.3s ease;
        }

        .region-current:hover {
            background: rgba(255, 255, 255, 0.05);
            color: var(--text-main);
        }

        .region-current .chevron {
            transition: transform 0.3s ease;
        }

        .region-selector:hover .region-current .chevron {
            transform: rotate(180deg);
        }

        .language-dropdown {
            position: absolute;
            top: 100%;
            right: 0;
            margin-top: 5px;
            background: rgba(17, 24, 39, 0.95);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255, 255, 255, 0.1);
            border-radius: 12px;
            padding: 8px;
            min-width: 160px;
            display: flex;
            flex-direction: column;
            gap: 4px;
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
            opacity: 0;
            visibility: hidden;
            transform: translateY(-10px);
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            z-index: 200;
        }

        .region-selector:hover .language-dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }

        .language-dropdown a {
            color: var(--text-muted);
            text-decoration: none;
            padding: 10px 16px;
            border-radius: 6px;
            font-size: 14px;
            transition: all 0.2s;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .language-dropdown a:hover {
            background: rgba(255, 255, 255, 0.08);
            color: var(--text-main);
        }

        .language-dropdown a.active {
            color: var(--accent-green);
            background: rgba(16, 185, 129, 0.1);
            font-weight: 500;
        }

        /* ==========================================================================
           TEST MODES (TABS)
           ========================================================================== */
        .test-modes-wrapper {
            width: 100%;
            max-width: 650px;
            margin: 0 auto 10px;
            position: relative;
        }

        .test-modes-tabs {
            display: flex;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 16px;
            padding: 6px;
            gap: 4px;
            overflow-x: auto;
            -ms-overflow-style: none;
            scrollbar-width: none;
            scroll-snap-type: x mandatory;
        }

        .test-modes-tabs::-webkit-scrollbar {
            display: none;
        }

        .mode-tab {
            flex: 1;
            min-width: 140px;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            background: transparent;
            border: none;
            padding: 12px 16px;
            border-radius: 12px;
            color: var(--text-muted);
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            white-space: nowrap;
            scroll-snap-align: start;
        }

        .mode-tab:hover {
            color: var(--text-main);
            background: rgba(255, 255, 255, 0.05);
        }

        .mode-tab.active {
            color: #111;
            background: var(--accent-green);
            box-shadow: 0 4px 15px var(--accent-glow);
        }

        /* DYNAMIC THEMES */
        body[data-theme="gamer"] {
            --accent-green: #A855F7; /* Purple */
            --accent-glow: rgba(168, 85, 247, 0.4);
        }
        body[data-theme="gamer"] .mode-tab.active { color: #fff; }

        body[data-theme="home-office"] {
            --accent-green: #3B82F6; /* Blue */
            --accent-glow: rgba(59, 130, 246, 0.4);
        }
        body[data-theme="home-office"] .mode-tab.active { color: #fff; }

        body[data-theme="streaming"] {
            --accent-green: #F97316; /* Orange/Red */
            --accent-glow: rgba(249, 115, 22, 0.4);
        }
        body[data-theme="streaming"] .mode-tab.active { color: #fff; }

        /* MDA - INTELLIGENCE PANEL */
        .intelligence-panel {
            background: rgba(17, 24, 39, 0.6);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 12px;
            padding: 15px 20px;
            margin-top: 10px;
            text-align: left;
            animation: fadeIn 0.3s ease-out;
            backdrop-filter: blur(10px);
            min-height: 105px;
            box-sizing: border-box;
        }

        .intel-row {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            margin-bottom: 10px;
            font-size: 13px;
            color: var(--text-muted);
            line-height: 1.4;
        }
        .intel-row:last-child { margin-bottom: 0; }
        .intel-icon { font-size: 16px; }
        .intel-text strong { color: var(--text-main); font-weight: 600; margin-right: 4px; }
        
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-5px); }
            to { opacity: 1; transform: translateY(0); }
        }

        /* ==========================================================================
           MAIN DASHBOARD LAYOUT
           ========================================================================== */
        .dashboard {
            display: flex;
            flex-direction: column;
            align-items: center;
            flex-grow: 1;
            padding: 20px 40px;
            z-index: 10;
            position: relative;
            max-width: 1200px;
            margin: 0 auto;
            width: 100%;
        }

        .core-titles {
            text-align: center;
            margin-bottom: 10px;
        }

        .core-titles h1 {
            font-size: 48px;
            font-weight: 300;
            color: var(--text-main);
            letter-spacing: -1px;
            margin-bottom: 10px;
        }

        .core-titles h1 span {
            font-weight: 900;
            color: var(--accent-green);
            text-shadow: 0 0 15px var(--accent-glow);
        }

        .core-titles h2 {
            font-size: 15px;
            color: var(--text-muted);
            font-weight: 400;
            letter-spacing: 0.5px;
        }

        /* ==========================================================================
           THE CENTRAL SPEEDTEST DIAL
           ========================================================================== */
        .test-hub {
            position: relative;
            width: 380px;
            height: 380px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
        }

        .dial-bg {
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(16, 185, 129, 0.1) 0%, var(--card-bg) 70%);
            border: 2px solid var(--accent-glow);
            backdrop-filter: blur(10px);
            box-shadow: 0 0 40px var(--accent-glow), inset 0 0 20px var(--accent-glow);
            animation: pulse-ring 3s infinite alternate;
        }

        .dial-ticks {
            position: absolute;
            width: 82%;
            height: 82%;
            border-radius: 50%;
            background: repeating-conic-gradient(
                rgba(255, 255, 255, 0.1) 0deg,
                rgba(255, 255, 255, 0.1) 1.5deg,
                transparent 1.5deg,
                transparent 6deg
            );
            -webkit-mask: radial-gradient(transparent 68%, black 69%);
            mask: radial-gradient(transparent 68%, black 69%);
            z-index: 2;
            transition: opacity 0.3s, background 0.3s;
        }

        .test-hub.active .dial-ticks {
            background: repeating-conic-gradient(
                var(--accent-green) 0deg,
                var(--accent-green) 1.5deg,
                transparent 1.5deg,
                transparent 6deg
            );
            animation: spin-ticks 10s linear infinite;
            opacity: 0.9;
        }

        @keyframes spin-ticks {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        @keyframes pulse-ring {
            0% { box-shadow: 0 0 20px rgba(16, 185, 129, 0.1), inset 0 0 10px rgba(16, 185, 129, 0.1); border-color: rgba(16, 185, 129, 0.2); }
            50% { box-shadow: 0 0 80px rgba(16, 185, 129, 0.6), inset 0 0 40px rgba(16, 185, 129, 0.3); border-color: rgba(16, 185, 129, 0.6); }
            100% { box-shadow: 0 0 20px rgba(16, 185, 129, 0.1), inset 0 0 10px rgba(16, 185, 129, 0.1); border-color: rgba(16, 185, 129, 0.2); }
        }

        /* SVG Progress Ring */
        .progress-svg {
            position: absolute;
            width: 90%;
            height: 90%;
            transform: none; /* Removed the -90deg rotation to keep text upright and correct speedometer layout */
            z-index: 5;
        }
        .progress-track {
            fill: none;
            stroke: rgba(255, 255, 255, 0.03);
            stroke-width: 6;
        }
        .progress-bar {
            fill: none;
            stroke: var(--accent-green);
            stroke-width: 6;
            stroke-linecap: round;
            stroke-dasharray: 880; /* circumference */
            stroke-dashoffset: 880;
            transition: stroke-dashoffset 0.1s linear, stroke 0.3s;
            filter: drop-shadow(0 0 8px var(--accent-glow));
        }

        /* The Start Button */
        .btn-iniciar {
            position: relative;
            width: 280px;
            height: 280px;
            border-radius: 50%;
            background: transparent;
            border: none;
            color: var(--text-main);
            font-family: var(--font-main);
            cursor: pointer;
            z-index: 10;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        }

        .btn-iniciar::before {
            content: '';
            position: absolute;
            width: 100%;
            height: 100%;
            border-radius: 50%;
            background: rgba(16, 185, 129, 0.05); /* Greenish background */
            box-shadow: 0 0 20px rgba(16, 185, 129, 0.4), inset 0 0 15px rgba(16, 185, 129, 0.2);
            opacity: 0.8;
            transition: all 0.4s ease;
            animation: main-btn-pulse 2.5s infinite ease-in-out;
        }

        @keyframes main-btn-pulse {
            0% { box-shadow: 0 0 20px rgba(16, 185, 129, 0.3), inset 0 0 15px rgba(16, 185, 129, 0.2); transform: scale(1); }
            50% { box-shadow: 0 0 40px rgba(16, 185, 129, 0.6), inset 0 0 25px rgba(16, 185, 129, 0.3); transform: scale(1.02); }
            100% { box-shadow: 0 0 20px rgba(16, 185, 129, 0.3), inset 0 0 15px rgba(16, 185, 129, 0.2); transform: scale(1); }
        }

        .btn-iniciar:hover {
            transform: scale(1.05);
        }

        .btn-iniciar:hover::before {
            opacity: 1;
            background: rgba(16, 185, 129, 0.1);
            box-shadow: 0 0 50px rgba(16, 185, 129, 0.8), inset 0 0 30px rgba(16, 185, 129, 0.4);
        }

        .btn-icon {
            margin-bottom: 15px;
            opacity: 1;
            stroke: var(--accent-green);
            filter: drop-shadow(0 0 8px var(--accent-green));
            transition: opacity 0.3s, transform 0.3s;
        }

        .btn-iniciar:hover .btn-icon {
            opacity: 1;
            transform: translateY(-3px);
        }

        .btn-text {
            font-size: 38px;
            font-weight: 900;
            letter-spacing: 2px;
            margin-bottom: 5px;
            color: var(--accent-green);
            text-shadow: 0 0 15px var(--accent-glow);
        }

        .btn-sub {
            font-size: 13px;
            color: var(--text-muted);
            font-weight: 400;
        }

        /* Live Metrics Display (Hidden by default) */
        .live-metrics {
            display: none;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            transform: translateY(55px); /* Safely moves text completely below the needle pivot */
        }

        .test-hub.active .btn-content {
            display: none;
        }

        .test-hub.active .live-metrics {
            display: flex;
        }

        .metric-val {
            font-family: var(--font-mono);
            font-size: 64px;
            font-weight: 300;
            line-height: 1;
            color: var(--text-main);
            margin-bottom: 5px;
        }

        .metric-label {
            font-size: 14px;
            color: var(--accent-green);
            font-weight: 600;
            letter-spacing: 2px;
            text-transform: uppercase;
        }

        /* Real-time Results Grid (Top of screen during test) */
        .results-top {
            display: flex;
            justify-content: center;
            gap: 20px;
            width: 100%;
            max-width: 100%;
            margin: 0 auto 15px auto;
            scroll-margin-top: 30px;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.5s, transform 0.5s;
            scroll-margin-top: 30px;
        }

        .results-top.visible {
            opacity: 1;
            transform: translateY(0);
        }

        .result-box {
            background: var(--card-bg);
            border: 1px solid var(--card-border);
            border-radius: 16px;
            padding: 20px;
            text-align: center;
            backdrop-filter: blur(10px);
        }

        .result-box-title {
            font-size: 12px;
            color: var(--text-muted);
            text-transform: uppercase;
            letter-spacing: 1px;
            margin-bottom: 10px;
        }

        .result-box-val {
            font-family: var(--font-mono);
            font-size: 28px;
            font-weight: 600;
            color: var(--text-main);
        }

        .result-box-unit {
            font-size: 14px;
            color: var(--text-muted);
            font-weight: 400;
        }

        /* ==========================================================================
           GLASS PANELS (HUD DETAILS)
           ========================================================================== */
        .hud-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 30px;
            width: 100%;
            max-width: 900px;
            margin-bottom: 40px;
        }

        @media (max-width: 768px) {
            .hud-grid { grid-template-columns: 1fr; }
        }

        .glass-panel {
            background: var(--card-bg);
            border: 1px solid var(--card-border);
            border-radius: 24px;
            padding: 30px;
            position: relative;
            overflow: hidden;
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            transition: background 0.3s;
        }

        .glass-panel:hover {
            background: rgba(255, 255, 255, 0.03);
        }

        .panel-header {
            font-size: 13px;
            color: var(--text-muted);
            letter-spacing: 1px;
            text-transform: uppercase;
            margin-bottom: 25px;
            font-weight: 600;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .info-row {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            margin-bottom: 20px;
        }
        .info-row:last-child { margin-bottom: 0; }

        .info-icon {
            width: 40px; height: 40px;
            border-radius: 12px;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid var(--card-border);
            display: flex; align-items: center; justify-content: center;
            flex-shrink: 0;
            color: var(--text-muted);
        }
        
        .info-icon svg { width: 20px; height: 20px; stroke: currentColor; stroke-width: 1.5; fill: none; }

        .info-content {
            display: flex;
            flex-direction: column;
        }

        .info-label {
            font-size: 12px;
            color: var(--text-muted);
            margin-bottom: 4px;
        }

        .info-value {
            font-size: 16px;
            color: var(--text-main);
            font-weight: 500;
        }

        .info-action {
            font-size: 12px;
            color: var(--accent-green);
            margin-top: 6px;
            cursor: pointer;
            font-weight: 500;
            transition: opacity 0.2s;
        }
        .info-action:hover { opacity: 0.8; }

        /* Micro-Interactions para Ícones */
        @keyframes pulse-icon {
            0% { transform: scale(1); filter: drop-shadow(0 0 0px var(--accent-green)); color: var(--text-muted); }
            50% { transform: scale(1.15); filter: drop-shadow(0 0 8px var(--accent-green)); color: var(--accent-green); }
            100% { transform: scale(1); filter: drop-shadow(0 0 0px var(--accent-green)); color: var(--text-muted); }
        }

        @keyframes spin-icon {
            0% { transform: rotate(0deg) scale(1); color: var(--text-muted); }
            50% { color: var(--accent-green); filter: drop-shadow(0 0 8px var(--accent-green)); transform: rotate(180deg) scale(1.1); }
            100% { transform: rotate(360deg) scale(1); color: var(--text-muted); }
        }

        body.is-testing .icon-pulse svg {
            animation: pulse-icon 1.5s infinite ease-in-out;
        }

        body.is-testing .icon-spin svg {
            animation: spin-icon 2s infinite linear;
        }

        /* ==========================================================================
           MODAL OFERTA HIGH CONVERSION
           ========================================================================== */
        .user-speed-card {
            background: rgba(239, 68, 68, 0.05);
            border: 1px solid rgba(239, 68, 68, 0.2);
            border-radius: 16px;
            padding: 15px 30px;
            margin: 20px auto 0;
            display: inline-block;
            color: var(--text-main);
            font-size: 14px;
        }
        .user-speed-card strong {
            display: block;
            font-size: 32px;
            font-weight: 800;
            margin-top: 5px;
            color: #EF4444; /* Claro Red / Alerta */
            letter-spacing: -1px;
        }
        .modal-overlay {
            position: fixed;
            top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.8);
            backdrop-filter: blur(10px);
            display: flex;
            align-items: flex-start; justify-content: center; overflow-y: auto; padding: 40px 15px; box-sizing: border-box; z-index: 1000;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.4s ease;
        }

        .modal-overlay.show {
            opacity: 1;
            pointer-events: auto;
        }

        .offer-modal {
            background: #111827;
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 24px;
            width: 90%;
            max-width: 600px;
            max-height: 90vh;
            overflow-y: auto;
            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.7);
            transform: translateY(20px) scale(0.95);
            transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
            position: relative;
        }
        
        .offer-modal::-webkit-scrollbar {
            width: 6px;
        }
        .offer-modal::-webkit-scrollbar-thumb {
            background: rgba(255,255,255,0.1);
            border-radius: 10px;
        }

        .modal-overlay.show .offer-modal {
            transform: translateY(0) scale(1);
        }

        .offer-header {
            padding: 30px;
            text-align: center;
            border-bottom: 1px solid rgba(255,255,255,0.05);
        }

        .offer-header h3 {
            color: #fff;
            font-size: 24px;
            font-weight: 600;
            margin-bottom: 10px;
        }
        .offer-header p {
            color: var(--text-muted);
            font-size: 15px;
        }

        .modal-close {
            position: absolute;
            top: 20px; right: 20px;
            color: var(--text-muted);
            font-size: 24px;
            cursor: pointer;
            background: none; border: none;
            width: 32px; height: 32px;
            display: flex; align-items: center; justify-content: center;
            border-radius: 50%;
            transition: background 0.2s, color 0.2s;
        }
        .modal-close:hover { background: rgba(255,255,255,0.1); color: #fff; }

        .offer-body {
            padding: 30px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            background: transparent;
        }

        .offer-brand {
            font-size: 28px;
            font-weight: 800;
            color: #EF4444; /* Claro Red */
            letter-spacing: -1px;
            margin-bottom: 5px;
        }

        .offer-specs {
            color: var(--text-main);
            font-size: 20px;
            font-weight: 600;
        }
        
        .offer-specs span {
            display: block;
            color: var(--text-muted);
            font-size: 14px;
            font-weight: 400;
            margin-top: 5px;
        }

        .offer-cta-btn {
            background: #25D366; /* Official WhatsApp Green */
            color: #fff;
            text-decoration: none;
            padding: 16px 32px;
            border-radius: 12px;
            font-weight: 800;
            font-size: 16px;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            transition: all 0.2s;
            box-shadow: 0 6px 0 #1B9C4B, 0 10px 20px rgba(37, 211, 102, 0.4); /* Efeito 3D de Profundidade */
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }
        .offer-cta-btn:active {
            transform: translateY(6px);
            box-shadow: 0 0 0 #1B9C4B, 0 5px 10px rgba(37, 211, 102, 0.3);
        }
        .offer-cta-btn:hover { 
            background: #20BA56;
        }

        /* ==========================================================================
           SEO SECTION (Articles Grid)
           ========================================================================== */
        .seo-section { 
            max-width: 1200px; 
            margin: 60px auto; 
            padding: 0 40px; 
            border-top: 1px solid var(--card-border);
            padding-top: 60px;
            padding-bottom: 80px;
        }
        .seo-section h2 { font-size: 28px; font-weight: 600; color: var(--text-main); margin-bottom: 15px; letter-spacing: -0.5px; }
        .seo-section p { color: var(--text-muted); line-height: 1.7; margin-bottom: 40px; font-size: 16px; font-weight: 400; max-width: 800px;}
        
        .seo-articles-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }
        
        @media (max-width: 900px) {
            .seo-articles-grid { grid-template-columns: 1fr; }
        }

        .seo-article-card {
            background: var(--card-bg);
            border: 1px solid var(--card-border);
            border-radius: 20px;
            overflow: hidden;
            transition: transform 0.3s, background 0.3s;
        }

        .seo-article-card:hover {
            transform: translateY(-5px);
            background: rgba(255, 255, 255, 0.04);
        }

        .article-thumb {
            height: 140px;
            width: 100%;
        }

        .article-content {
            padding: 25px;
        }

        .article-content h3 {
            font-size: 18px;
            color: var(--text-main);
            margin-bottom: 10px;
            font-weight: 600;
        }

        .article-content p {
            font-size: 14px;
            color: var(--text-muted);
            margin-bottom: 20px;
            line-height: 1.5;
        }

        .article-link {
            color: var(--accent-green);
            text-decoration: none;
            font-size: 14px;
            font-weight: 600;
            display: inline-block;
            transition: opacity 0.2s;
        }

        .article-link:hover {
            opacity: 0.8;
        }

        /* ==========================================================================
           RESPONSIVE DESIGN & MOBILE FIRST
           ========================================================================== */
        /* Laptop / Telas menores (Altura) */
        @media (max-height: 850px) {
            header { padding: 15px 40px; }
            .dashboard { padding: 10px 40px; }
            .core-titles { margin-bottom: 30px; }
            .core-titles h1 { font-size: 38px; margin-bottom: 5px; }
            .test-hub { width: 300px; height: 300px; margin-bottom: 40px; }
            .btn-iniciar { width: 220px; height: 220px; }
            .btn-text { font-size: 30px; }
            .metric-val { font-size: 52px; }
            .hud-grid { margin-bottom: 30px; gap: 20px; }
            .glass-panel { padding: 25px; }
            .results-top { margin-bottom: 30px; gap: 15px; }
        }

        /* Mobile / Telas pequenas (Largura) */
        @media (max-width: 768px) {
            .elite-header { padding: 15px 20px; }
            .mobile-menu-btn { display: block; order: 1; margin-left: auto; }
            .header-actions { order: 2; margin-right: 15px; }
            
            .header-nav { 
                display: none; width: 100%; flex-direction: column; gap: 15px; 
                background: rgba(10, 13, 20, 0.98); padding: 20px; 
                position: absolute; top: 100%; left: 0; border-bottom: 1px solid var(--card-border);
            }
            .header-nav.active { display: flex; }
            
            .dashboard { padding: 10px 15px; }
            .core-titles { margin-bottom: 10px; }
            .core-titles h1 { font-size: 28px; }
            .core-titles h2 { font-size: 12px; }
            .test-hub { width: 260px; height: 260px; margin-bottom: 20px; margin-top: 10px; }
            .btn-iniciar { width: 180px; height: 180px; }
            .btn-text { font-size: 24px; }
            .metric-val { font-size: 42px; }
            .btn-icon { width: 36px; height: 36px; margin-bottom: 8px; }
            .hud-grid { grid-template-columns: 1fr; gap: 15px; }
            .glass-panel { padding: 20px; }
            .results-top { grid-template-columns: 1fr; gap: 10px; }
            
            /* Modal Mobile Fixes */
            .offer-modal { width: 95%; max-height: 92vh; border-radius: 16px; }
            .offer-header { padding: 20px; }
            .offer-header h3 { font-size: 20px; }
            .offer-body { padding: 20px; flex-direction: column; gap: 15px; text-align: center; }
            .user-speed-card { padding: 12px 20px; margin-top: 15px; }
            .user-speed-card strong { font-size: 28px; }
            .modal-gamification { padding-top: 15px; margin-top: 15px; }
            .rate-box { margin-bottom: 15px !important; }
            .offer-brand { font-size: 24px; }
        }
        
        /* CALCULADORA DE VELOCIDADE IDEAL */
        .calculator-section {
            max-width: 800px;
            margin: 40px auto 60px;
            padding: 30px;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 16px;
            backdrop-filter: blur(10px);
        }
        .calc-header { text-align: center; margin-bottom: 30px; }
        .calc-header h2 { font-size: 24px; color: #fff; margin-bottom: 10px; }
        .calc-header p { color: var(--text-muted); font-size: 14px; }
        .calc-row { margin-bottom: 25px; }
        .calc-row label { display: flex; justify-content: space-between; color: #fff; font-weight: 500; margin-bottom: 10px; font-size: 14px; }
        .calc-val { color: var(--accent-green); font-weight: 700; font-size: 16px; }
        input[type=range] {
            width: 100%;
            -webkit-appearance: none;
            background: rgba(255,255,255,0.1);
            height: 6px;
            border-radius: 3px;
            outline: none;
        }
        input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: var(--accent-green);
            cursor: pointer;
            box-shadow: 0 0 10px rgba(16,185,129,0.5);
        }
        select.calc-select {
            width: 100%;
            padding: 12px 15px;
            background: rgba(0,0,0,0.3);
            border: 1px solid rgba(255,255,255,0.1);
            color: #fff;
            border-radius: 8px;
            font-size: 14px;
            outline: none;
        }
        select.calc-select option {
            background: #0f172a;
            color: #fff;
        }
        .calc-result-box {
            margin-top: 30px;
            padding: 25px;
            border: 1px solid var(--accent-green);
            border-radius: 12px;
            text-align: center;
            background: rgba(16,185,129,0.05);
            transition: all 0.4s ease;
        }
        .calc-result-title { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: var(--accent-green); margin-bottom: 5px; font-weight: 700; transition: color 0.4s; }
        .calc-result-speed { font-size: 42px; font-weight: 900; color: #fff; margin-bottom: 15px; transition: color 0.4s; }
        .calc-result-desc { font-size: 13px; color: var(--text-muted); line-height: 1.5; margin-bottom: 20px; }

        /* AVALIAÇÃO E COMPARTILHAMENTO (MODAL) */
        .modal-gamification {
            margin-top: 25px;
            border-top: 1px solid rgba(255,255,255,0.1);
            padding-top: 20px;
            padding-bottom: 30px; /* Descola o botão inferior da borda */
            text-align: center;
        }
        .modal-share-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            background: #25D366;
            border: none;
            color: #fff;
            padding: 12px 24px;
            border-radius: 30px;
            font-size: 15px;
            font-weight: 700;
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
            text-decoration: none;
            width: 100%;
            max-width: 280px;
            margin: 0 auto;
            box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
        }
        .modal-share-btn:hover { 
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
            background: #20BA56;
        }
        .rate-box { margin-top: 20px; }
        .rate-box p { font-size: 13px; color: var(--text-muted); font-weight: 500; margin-bottom: 10px; }
        .stars { display: flex; justify-content: center; gap: 5px; cursor: pointer; }
        .star { color: rgba(255,255,255,0.2); font-size: 28px; transition: color 0.2s; }
        .star:hover, .star.active { color: #F59E0B; text-shadow: 0 0 10px rgba(245, 158, 11, 0.5); }
    
        @keyframes pulse-text {
            0% { opacity: 0.6; transform: scale(0.98); text-shadow: 0 0 5px var(--accent-glow); }
            50% { opacity: 1; transform: scale(1.02); text-shadow: 0 0 15px var(--accent-green); }
            100% { opacity: 0.6; transform: scale(0.98); text-shadow: 0 0 5px var(--accent-glow); }
        }

.footer-premium{background:#0a0d14;color:#fff;font-family:var(--font-primary,'Inter',sans-serif);border-top:1px solid rgba(255, 255, 255, 0.08)}.footer-commercial{background:rgba(0,0,0,.18);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}.footer-commercial-grid{display:grid;grid-template-columns:1fr;gap:12px;align-items:center;text-align:center;max-width:1200px;margin:0 auto;padding:0 20px}.footer-commercial-item{color:#fff;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12)}.footer-commercial-item:last-child{border-bottom:none;padding-bottom:0}.footer-commercial-item p{margin:0;font-size:.75rem;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:1.5px}.footer-commercial-item strong{font-size:1.15rem;font-weight:700;display:block;margin-top:3px;letter-spacing:.5px}.footer-cta-btn{display:inline-block;background:linear-gradient(180deg,gold 0,#ffc700 100%);color:#111;padding:8px 24px;border-radius:40px;text-decoration:none;font-weight:800;font-size:.9rem;text-transform:uppercase;transition:.3s;box-shadow:0 4px 10px rgba(0,0,0,.15);width:100%;max-width:220px}.footer-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(255,199,0,.3);background:linear-gradient(180deg,#ffe033 0,gold 100%)}.footer-container{max-width:1200px;margin:0 auto;padding:50px 20px 30px}.footer-inst{display:flex;flex-direction:column;align-items:center;text-align:center;background:0 0;border-radius:0;border:none;border-bottom:1px solid rgba(255,255,255,.15);padding:40px 30px;margin-bottom:40px;gap:30px;box-shadow:none}.footer-inst-logo img{width:178px;height:auto}.footer-inst-phone{display:flex;flex-direction:column;align-items:center;gap:10px;background:0 0;padding:20px 30px;border-radius:0;border:none;width:100%;max-width:420px}.footer-inst-phone svg{display:block;width:44px;height:44px;margin:0;color:rgba(255,255,255,.85);transition:color .3s,filter .3s;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.footer-inst-phone:hover svg{color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.25))}.footer-inst-phone span{font-size:.9rem;color:rgba(255,255,255,.8);font-weight:700;text-transform:uppercase;letter-spacing:1px}.footer-inst-phone strong{font-size:2.8rem;font-weight:900;color:#fff;line-height:1;letter-spacing:-1.5px;margin:4px 0;text-shadow:0 0 8px rgba(255,255,255,.06),0 0 18px rgba(255,255,255,.04),0 0 22px rgba(226,40,32,.06)}.footer-inst-phone p{font-size:.85rem;color:rgba(255,255,255,.7);margin:0 0 12px}.footer-btn-outline{border:1px solid rgba(255,255,255,.6);color:#fff;padding:10px 28px;border-radius:30px;text-decoration:none;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.8px;transition:border-color .25s,background .25s,color .25s}.footer-btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.1);color:#fff}.footer-grid{display:grid;grid-template-columns:1fr;gap:0}.footer-col{border-bottom:1px solid rgba(255,255,255,.1)}.footer-col:last-child{border-bottom:none}.footer-col-title{width:100%;text-align:left;background:0 0;border:none;color:#fff;padding:22px 0;font-size:1.15rem;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:color .3s;margin:0;line-height:1.4}.footer-col-title svg{width:20px;height:20px;transition:transform .3s;color:rgba(255,255,255,.5)}.footer-col-title.active svg{transform:rotate(180deg);color:#fff}.footer-col-content{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1)}.footer-col-content.active{max-height:1500px}.footer-list{list-style:none;padding:0 0 20px;margin:0}.footer-list li{margin-bottom:12px}.footer-list a{color:rgba(255,255,255,.75);text-decoration:none;font-size:.9rem;transition:color .25s,transform .25s;display:inline-block;line-height:1.5;position:relative;padding-bottom:2px}.footer-list a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:rgba(255,255,255,.5);transition:width .3s cubic-bezier(.4,0,.2,1)}.footer-list a:hover{color:#fff;transform:translateX(4px)}.footer-list a:hover::after{width:100%}.footer-sub-acc-btn{width:100%;text-align:left;background:0 0;border:none;color:rgba(255,255,255,.72);padding:8px 0;font-size:.95rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .25s,padding-left .25s;letter-spacing:.5px}.footer-sub-acc-btn:hover{color:#fff;padding-left:3px}.footer-sub-acc-btn.active{color:#fff;font-weight:700}.footer-sub-acc-btn svg{width:16px;height:16px;transition:transform .3s,opacity .3s;opacity:.5}.footer-sub-acc-btn:hover svg{opacity:.9}.footer-sub-acc-btn.active svg{transform:rotate(180deg);opacity:1}.footer-sub-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1);padding-left:12px;border-left:2px solid rgba(255,255,255,.06);margin-left:4px}.footer-sub-content.active{max-height:800px;margin-top:8px;margin-bottom:15px;border-color:rgba(255,255,255,.25)}.footer-sub-content .footer-list li{margin-bottom:10px}.footer-bottom{background:rgba(0,0,0,.2);padding:30px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.12)}.footer-copyright{color:rgba(255,255,255,.85);font-size:.85rem;letter-spacing:.5px;line-height:1.6}.footer-legal-links{margin-top:12px;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.footer-legal-links a{color:rgba(255,255,255,.75);text-decoration:none;font-size:.8rem;transition:color .3s;letter-spacing:.3px}.footer-legal-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.footer-phrase{margin-top:25px;color:rgba(255,255,255,.65);font-size:.8rem;font-style:italic;line-height:1.5;max-width:800px;margin-left:auto;margin-right:auto}@media(min-width:992px){.footer-commercial-grid{grid-template-columns:repeat(4,1fr);gap:20px;text-align:left}.footer-commercial-item{border-bottom:none;border-right:1px solid rgba(255,255,255,.12);padding:4px 20px}.footer-commercial-item:last-child{border-right:none;text-align:center;padding-right:0}.footer-commercial-item:first-child{padding-left:0}.footer-cta-btn{width:auto}.footer-inst{flex-direction:row;justify-content:space-between;text-align:left;padding:40px 50px;margin-bottom:60px}.footer-inst-logo img{margin-bottom:0}.footer-inst-phone{flex-direction:row;align-items:center;text-align:left;background:0 0;border:none;padding:0;width:auto;max-width:none;gap:25px}.footer-inst-phone .phone-info{display:flex;flex-direction:column;justify-content:center}.footer-inst-phone p{margin:0}.footer-inst-phone svg{display:block;width:44px;height:44px;margin:0;color:rgba(255,255,255,.85);transition:color .3s}.footer-inst-phone:hover svg{color:#fff}.footer-grid{grid-template-columns:repeat(5,1fr);gap:40px;align-items:start}.footer-col{border-bottom:none}.footer-col-title{pointer-events:none;padding:0 0 30px;cursor:default;color:#fff;display:block}.footer-col-title svg{display:none}.footer-col-content{max-height:none!important;overflow:visible}.footer-list{padding:0}.footer-sub-content{padding-left:0;border-left:none}.footer-sub-content.active{margin-top:5px;margin-bottom:15px}}

        .oracle-cta {
            display: inline-block;
            margin-left: 15px;
            padding: 4px 12px;
            background: rgba(16, 185, 129, 0.15);
            border: 1px solid var(--accent-green);
            color: var(--accent-green);
            border-radius: 20px;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 1px;
            text-transform: uppercase;
            animation: pulse-cta 2s infinite;
            vertical-align: middle;
        }
        @keyframes pulse-cta {
            0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }
            70% { box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
            100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
        }
        /* TRANSPARENCY PANEL */
        .transparency-panel {
            position: relative;
            z-index: 5;
            width: 100%;
            max-width: 380px;
            margin-top: 20px;
            background: rgba(15, 23, 42, 0.7);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 16px;
            padding: 20px;
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            pointer-events: none;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
        }
        .test-hub.testing ~ .transparency-panel, 
        .test-hub.active ~ .transparency-panel,
        .test-hub.finished ~ .transparency-panel {
            opacity: 1;
            transform: translateY(0);
        }
        .tp-title {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--text-muted);
            margin-bottom: 18px;
            font-weight: 700;
        }
        .tp-row {
            display: flex;
            align-items: center;
            margin-bottom: 14px;
            gap: 12px;
        }
        .tp-row:last-child { margin-bottom: 0; }
        .tp-label {
            display: flex;
            align-items: center;
            gap: 8px;
            width: 145px;
            font-size: 12px;
            font-weight: 500;
            .btn-icon { width: 36px; height: 36px; margin-bottom: 8px; }
            .hud-grid { grid-template-columns: 1fr; gap: 15px; }
            .glass-panel { padding: 20px; }
            .results-top { grid-template-columns: 1fr; gap: 10px; }
            
            /* Modal Mobile Fixes */
            .offer-modal { width: 95%; max-height: 92vh; border-radius: 16px; }
            .offer-header { padding: 20px; }
            .offer-header h3 { font-size: 20px; }
            .offer-body { padding: 20px; flex-direction: column; gap: 15px; text-align: center; }
            .user-speed-card { padding: 12px 20px; margin-top: 15px; }
            .user-speed-card strong { font-size: 28px; }
            .modal-gamification { padding-top: 15px; margin-top: 15px; }
            .rate-box { margin-bottom: 15px !important; }
            .offer-brand { font-size: 24px; }
        }
        
        /* CALCULADORA DE VELOCIDADE IDEAL */
        .calculator-section {
            max-width: 800px;
            margin: 40px auto 60px;
            padding: 30px;
            background: rgba(255, 255, 255, 0.03);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 16px;
            backdrop-filter: blur(10px);
        }
        .calc-header { text-align: center; margin-bottom: 30px; }
        .calc-header h2 { font-size: 24px; color: #fff; margin-bottom: 10px; }
        .calc-header p { color: var(--text-muted); font-size: 14px; }
        .calc-row { margin-bottom: 25px; }
        .calc-row label { display: flex; justify-content: space-between; color: #fff; font-weight: 500; margin-bottom: 10px; font-size: 14px; }
        .calc-val { color: var(--accent-green); font-weight: 700; font-size: 16px; }
        input[type=range] {
            width: 100%;
            -webkit-appearance: none;
            background: rgba(255,255,255,0.1);
            height: 6px;
            border-radius: 3px;
            outline: none;
        }
        input[type=range]::-webkit-slider-thumb {
            -webkit-appearance: none;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: var(--accent-green);
            cursor: pointer;
            box-shadow: 0 0 10px rgba(16,185,129,0.5);
        }
        select.calc-select {
            width: 100%;
            padding: 12px 15px;
            background: rgba(0,0,0,0.3);
            border: 1px solid rgba(255,255,255,0.1);
            color: #fff;
            border-radius: 8px;
            font-size: 14px;
            outline: none;
        }
        select.calc-select option {
            background: #0f172a;
            color: #fff;
        }
        .calc-result-box {
            margin-top: 30px;
            padding: 25px;
            border: 1px solid var(--accent-green);
            border-radius: 12px;
            text-align: center;
            background: rgba(16,185,129,0.05);
            transition: all 0.4s ease;
        }
        .calc-result-title { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; color: var(--accent-green); margin-bottom: 5px; font-weight: 700; transition: color 0.4s; }
        .calc-result-speed { font-size: 42px; font-weight: 900; color: #fff; margin-bottom: 15px; transition: color 0.4s; }
        .calc-result-desc { font-size: 13px; color: var(--text-muted); line-height: 1.5; margin-bottom: 20px; }

        /* AVALIAÇÃO E COMPARTILHAMENTO (MODAL) */
        .modal-gamification {
            margin-top: 25px;
            border-top: 1px solid rgba(255,255,255,0.1);
            padding-top: 20px;
            padding-bottom: 30px; /* Descola o botão inferior da borda */
            text-align: center;
        }
        .modal-share-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            background: #25D366;
            border: none;
            color: #fff;
            padding: 12px 24px;
            border-radius: 30px;
            font-size: 15px;
            font-weight: 700;
            cursor: pointer;
            transition: transform 0.2s, box-shadow 0.2s;
            text-decoration: none;
            width: 100%;
            max-width: 280px;
            margin: 0 auto;
            box-shadow: 0 4px 15px rgba(37, 211, 102, 0.3);
        }
        .modal-share-btn:hover { 
            transform: translateY(-2px);
            box-shadow: 0 6px 20px rgba(37, 211, 102, 0.4);
            background: #20BA56;
        }
        .rate-box { margin-top: 20px; }
        .rate-box p { font-size: 13px; color: var(--text-muted); font-weight: 500; margin-bottom: 10px; }
        .stars { display: flex; justify-content: center; gap: 5px; cursor: pointer; }
        .star { color: rgba(255,255,255,0.2); font-size: 28px; transition: color 0.2s; }
        .star:hover, .star.active { color: #F59E0B; text-shadow: 0 0 10px rgba(245, 158, 11, 0.5); }
    
        @keyframes pulse-text {
            0% { opacity: 0.6; transform: scale(0.98); text-shadow: 0 0 5px var(--accent-glow); }
            50% { opacity: 1; transform: scale(1.02); text-shadow: 0 0 15px var(--accent-green); }
            100% { opacity: 0.6; transform: scale(0.98); text-shadow: 0 0 5px var(--accent-glow); }
        }

.footer-premium{background:#0a0d14;color:#fff;font-family:var(--font-primary,'Inter',sans-serif);border-top:1px solid rgba(255, 255, 255, 0.08)}.footer-commercial{background:rgba(0,0,0,.18);padding:10px 0;border-bottom:1px solid rgba(255,255,255,.12)}.footer-commercial-grid{display:grid;grid-template-columns:1fr;gap:12px;align-items:center;text-align:center;max-width:1200px;margin:0 auto;padding:0 20px}.footer-commercial-item{color:#fff;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12)}.footer-commercial-item:last-child{border-bottom:none;padding-bottom:0}.footer-commercial-item p{margin:0;font-size:.75rem;font-weight:500;opacity:.9;text-transform:uppercase;letter-spacing:1.5px}.footer-commercial-item strong{font-size:1.15rem;font-weight:700;display:block;margin-top:3px;letter-spacing:.5px}.footer-cta-btn{display:inline-block;background:linear-gradient(180deg,gold 0,#ffc700 100%);color:#111;padding:8px 24px;border-radius:40px;text-decoration:none;font-weight:800;font-size:.9rem;text-transform:uppercase;transition:.3s;box-shadow:0 4px 10px rgba(0,0,0,.15);width:100%;max-width:220px}.footer-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(255,199,0,.3);background:linear-gradient(180deg,#ffe033 0,gold 100%)}.footer-container{max-width:1200px;margin:0 auto;padding:50px 20px 30px}.footer-inst{display:flex;flex-direction:column;align-items:center;text-align:center;background:0 0;border-radius:0;border:none;border-bottom:1px solid rgba(255,255,255,.15);padding:40px 30px;margin-bottom:40px;gap:30px;box-shadow:none}.footer-inst-logo img{width:178px;height:auto}.footer-inst-phone{display:flex;flex-direction:column;align-items:center;gap:10px;background:0 0;padding:20px 30px;border-radius:0;border:none;width:100%;max-width:420px}.footer-inst-phone svg{display:block;width:44px;height:44px;margin:0;color:rgba(255,255,255,.85);transition:color .3s,filter .3s;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.footer-inst-phone:hover svg{color:#fff;filter:drop-shadow(0 1px 3px rgba(0,0,0,.25))}.footer-inst-phone span{font-size:.9rem;color:rgba(255,255,255,.8);font-weight:700;text-transform:uppercase;letter-spacing:1px}.footer-inst-phone strong{font-size:2.8rem;font-weight:900;color:#fff;line-height:1;letter-spacing:-1.5px;margin:4px 0;text-shadow:0 0 8px rgba(255,255,255,.06),0 0 18px rgba(255,255,255,.04),0 0 22px rgba(226,40,32,.06)}.footer-inst-phone p{font-size:.85rem;color:rgba(255,255,255,.7);margin:0 0 12px}.footer-btn-outline{border:1px solid rgba(255,255,255,.6);color:#fff;padding:10px 28px;border-radius:30px;text-decoration:none;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.8px;transition:border-color .25s,background .25s,color .25s}.footer-btn-outline:hover{border-color:#fff;background:rgba(255,255,255,.1);color:#fff}.footer-grid{display:grid;grid-template-columns:1fr;gap:0}.footer-col{border-bottom:1px solid rgba(255,255,255,.1)}.footer-col:last-child{border-bottom:none}.footer-col-title{width:100%;text-align:left;background:0 0;border:none;color:#fff;padding:22px 0;font-size:1.15rem;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:pointer;text-transform:uppercase;letter-spacing:1px;transition:color .3s;margin:0;line-height:1.4}.footer-col-title svg{width:20px;height:20px;transition:transform .3s;color:rgba(255,255,255,.5)}.footer-col-title.active svg{transform:rotate(180deg);color:#fff}.footer-col-content{max-height:0;overflow:hidden;transition:max-height .6s cubic-bezier(.4,0,.2,1)}.footer-col-content.active{max-height:1500px}.footer-list{list-style:none;padding:0 0 20px;margin:0}.footer-list li{margin-bottom:12px}.footer-list a{color:rgba(255,255,255,.75);text-decoration:none;font-size:.9rem;transition:color .25s,transform .25s;display:inline-block;line-height:1.5;position:relative;padding-bottom:2px}.footer-list a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:1px;background:rgba(255,255,255,.5);transition:width .3s cubic-bezier(.4,0,.2,1)}.footer-list a:hover{color:#fff;transform:translateX(4px)}.footer-list a:hover::after{width:100%}.footer-sub-acc-btn{width:100%;text-align:left;background:0 0;border:none;color:rgba(255,255,255,.72);padding:8px 0;font-size:.95rem;font-weight:600;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:color .25s,padding-left .25s;letter-spacing:.5px}.footer-sub-acc-btn:hover{color:#fff;padding-left:3px}.footer-sub-acc-btn.active{color:#fff;font-weight:700}.footer-sub-acc-btn svg{width:16px;height:16px;transition:transform .3s,opacity .3s;opacity:.5}.footer-sub-acc-btn:hover svg{opacity:.9}.footer-sub-acc-btn.active svg{transform:rotate(180deg);opacity:1}.footer-sub-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1);padding-left:12px;border-left:2px solid rgba(255,255,255,.06);margin-left:4px}.footer-sub-content.active{max-height:800px;margin-top:8px;margin-bottom:15px;border-color:rgba(255,255,255,.25)}.footer-sub-content .footer-list li{margin-bottom:10px}.footer-bottom{background:rgba(0,0,0,.2);padding:30px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.12)}.footer-copyright{color:rgba(255,255,255,.85);font-size:.85rem;letter-spacing:.5px;line-height:1.6}.footer-legal-links{margin-top:12px;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}.footer-legal-links a{color:rgba(255,255,255,.75);text-decoration:none;font-size:.8rem;transition:color .3s;letter-spacing:.3px}.footer-legal-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}.footer-phrase{margin-top:25px;color:rgba(255,255,255,.65);font-size:.8rem;font-style:italic;line-height:1.5;max-width:800px;margin-left:auto;margin-right:auto}@media(min-width:992px){.footer-commercial-grid{grid-template-columns:repeat(4,1fr);gap:20px;text-align:left}.footer-commercial-item{border-bottom:none;border-right:1px solid rgba(255,255,255,.12);padding:4px 20px}.footer-commercial-item:last-child{border-right:none;text-align:center;padding-right:0}.footer-commercial-item:first-child{padding-left:0}.footer-cta-btn{width:auto}.footer-inst{flex-direction:row;justify-content:space-between;text-align:left;padding:40px 50px;margin-bottom:60px}.footer-inst-logo img{margin-bottom:0}.footer-inst-phone{flex-direction:row;align-items:center;text-align:left;background:0 0;border:none;padding:0;width:auto;max-width:none;gap:25px}.footer-inst-phone .phone-info{display:flex;flex-direction:column;justify-content:center}.footer-inst-phone p{margin:0}.footer-inst-phone svg{display:block;width:44px;height:44px;margin:0;color:rgba(255,255,255,.85);transition:color .3s}.footer-inst-phone:hover svg{color:#fff}.footer-grid{grid-template-columns:repeat(5,1fr);gap:40px;align-items:start}.footer-col{border-bottom:none}.footer-col-title{pointer-events:none;padding:0 0 30px;cursor:default;color:#fff;display:block}.footer-col-title svg{display:none}.footer-col-content{max-height:none!important;overflow:visible}.footer-list{padding:0}.footer-sub-content{padding-left:0;border-left:none}.footer-sub-content.active{margin-top:5px;margin-bottom:15px}}

        .oracle-cta {
            display: inline-block;
            margin-left: 15px;
            padding: 4px 12px;
            background: rgba(16, 185, 129, 0.15);
            border: 1px solid var(--accent-green);
            color: var(--accent-green);
            border-radius: 20px;
            font-size: 11px;
            font-weight: 800;
            letter-spacing: 1px;
            text-transform: uppercase;
            animation: pulse-cta 2s infinite;
            vertical-align: middle;
        }
        @keyframes pulse-cta {
            0% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }
            70% { box-shadow: 0 0 0 6px rgba(16, 185, 129, 0); }
            100% { box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
        }
        /* TRANSPARENCY PANEL */
        .transparency-panel {
            position: relative;
            z-index: 5;
            width: 100%;
            max-width: 380px;
            margin-top: 20px;
            background: rgba(15, 23, 42, 0.7);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border: 1px solid rgba(255,255,255,0.08);
            border-radius: 16px;
            padding: 20px;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5);
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.5s cubic-bezier(0.4, 0, 0.2, 1), transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
            pointer-events: none;
        }
        .transparency-panel.active {
            opacity: 1;
            transform: translateY(0);
            pointer-events: auto;
        }
        .tp-title {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 8px;
            font-size: 11px;
            text-transform: uppercase;
            letter-spacing: 1px;
            color: var(--text-muted);
            margin-bottom: 18px;
            font-weight: 700;
        }
        .tp-row {
            display: flex;
            align-items: center;
            margin-bottom: 14px;
            gap: 12px;
        }
        .tp-row:last-child { margin-bottom: 0; }
        .tp-label {
            display: flex;
            align-items: center;
            gap: 8px;
            width: 145px;
            font-size: 12px;
            font-weight: 500;
        }
        .tp-bar-container {
            flex-grow: 1;
            height: 6px;
            background: rgba(255,255,255,0.05);
            border-radius: 3px;
            overflow: hidden;
        }
        .tp-bar {
            height: 100%;
            border-radius: 3px;
            transition: width 0.15s linear;
        }
        .tp-value {
            width: 45px;
            text-align: right;
            font-size: 13px;
            font-variant-numeric: tabular-nums;
            font-family: monospace;
            color: #fff;
        }
        .tp-row.highlight {
            background: rgba(16, 185, 129, 0.05);
            padding: 8px 10px;
            margin: -8px -10px;
            border-radius: 8px;
            border: 1px solid rgba(16, 185, 129, 0.1);
        }
    

        /* DRAWER CSS */
        .drawer-overlay {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background: rgba(0,0,0,0.8); z-index: 99999;
            opacity: 0; visibility: hidden; transition: 0.3s;
        }
        .drawer-overlay.show { opacity: 1; visibility: visible; }
        .drawer {
            position: fixed; bottom: 0; left: 0; width: 100%; height: 85vh;
            background: #0d1117; border-radius: 16px 16px 0 0;
            transform: translateY(100%); transition: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            display: flex; flex-direction: column; border: 1px solid rgba(255,255,255,0.1);
            border-bottom: none; box-shadow: 0 -10px 40px rgba(0,0,0,0.5);
        }
        .drawer-overlay.show .drawer { transform: translateY(0); }
        @media (min-width: 768px) {
            .drawer {
                width: 600px; height: 80vh; left: 50%; bottom: 50%;
                transform: translate(-50%, 50%) scale(0.95); border-radius: 12px;
                opacity: 0; border: 1px solid rgba(255,255,255,0.05);
            }
            .drawer-overlay.show .drawer { transform: translate(-50%, 50%) scale(1); opacity: 1; }
        }
        .drawer-header {
            padding: 20px; border-bottom: 1px solid rgba(255,255,255,0.1);
            display: flex; justify-content: space-between; align-items: center;
        }
        .drawer-close {
            background: none; border: none; color: #fff; font-size: 28px; cursor: pointer; line-height:1;
        }
        .drawer-body {
            flex: 1; overflow-y: auto; padding: 20px;
        }
        .drawer-loader {
            text-align: center; padding: 15px; font-size: 14px; color: #aaa; margin-bottom: 20px;
        }
        .drawer-body::-webkit-scrollbar { width: 6px; }
        .drawer-body::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 4px; }
        /* MARKDOWN CSS FOR SEO CONTENT */
        /* ==========================================================================
           CT02 - MARKDOWN BODY (UX BIG TECH - NOTION/OPENAI STYLE)
           ========================================================================== */
        .markdown-body {
            color: rgba(255, 255, 255, 0.85); /* Highly readable light gray */
            font-size: 18px; 
            line-height: 1.75;
            max-width: 760px; /* Optimal reading width aligned with components */
            margin: 0 auto;
            padding: 40px 20px;
            font-family: var(--font-main);
        }
        .markdown-body p {
            margin-bottom: 1.6em;
            letter-spacing: -0.01em;
        }
        .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4 {
            color: #FFFFFF;
            font-weight: 700;
            letter-spacing: -0.02em;
            line-height: 1.3;
            margin-top: 2.5em;
            margin-bottom: 1em;
        }
        .markdown-body h1 { 
            font-size: 36px; 
            font-weight: 800;
            letter-spacing: -0.03em;
            margin-top: 0;
            margin-bottom: 0.5em;
            color: var(--accent-green);
        }
        .markdown-body h2 { 
            font-size: 28px; 
            border-bottom: 1px solid rgba(255, 255, 255, 0.1); 
            padding-bottom: 12px; 
            color: var(--accent-green);
        }
        .markdown-body h3, .markdown-body h4 { 
            font-size: 22px; 
            color: var(--accent-green);
        }
        .markdown-body strong { 
            color: #FFFFFF; 
            font-weight: 700; 
        }
        .markdown-body em {
            color: rgba(255, 255, 255, 0.7);
            font-style: italic;
        }
        .markdown-body ul, .markdown-body ol { 
            margin-bottom: 1.6em; 
            padding-left: 24px; 
        }
        .markdown-body li { 
            margin-bottom: 0.6em; 
        }
        .markdown-body li::marker {
            color: var(--accent-green);
        }
        .markdown-body blockquote {
            border-left: 4px solid var(--accent-green);
            padding: 4px 0 4px 20px;
            margin: 2em 0;
            background: rgba(255, 255, 255, 0.02);
            border-radius: 0 8px 8px 0;
            color: rgba(255, 255, 255, 0.7);
            font-style: italic;
        }
        .markdown-body blockquote p {
            margin-bottom: 0;
        }
        .markdown-body hr { 
            height: 1px; 
            border: none; 
            background: rgba(255, 255, 255, 0.1); 
            margin: 3.5em 0; 
        }
        .markdown-body a { 
            color: var(--accent-green); 
            text-decoration: none; 
            font-weight: 500;
            transition: color 0.2s ease, text-shadow 0.2s ease;
        }
        .markdown-body a:hover { 
            color: #34D399;
            text-shadow: 0 0 8px rgba(16, 185, 129, 0.4);
            text-decoration: underline; 
            text-underline-offset: 4px;
        }
        .markdown-body code {
            background: rgba(255, 255, 255, 0.08);
            padding: 2px 6px;
            border-radius: 4px;
            font-family: var(--font-mono);
            font-size: 14px;
            color: #E2E8F0;
        }


        /* Accordion Big Tech */
        .tech-accordion {
            background: #111827; /* Fundo sólido para alto contraste */
            border: 1px solid var(--accent-green);
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 15px rgba(16,185,129,0.15); /* Brilho verde em volta */
        }
        .tech-accordion summary {
            padding: 18px 24px;
            cursor: pointer;
            color: var(--text-main);
            font-size: 15px;
            font-weight: 600;
            display: flex;
            justify-content: space-between;
            align-items: center;
            list-style: none;
            user-select: none;
        }
        .tech-accordion summary::-webkit-details-marker { display: none; }
        .tech-accordion summary:hover { background: rgba(255,255,255,0.04); }
        .tech-accordion[open] summary .chevron { transform: rotate(180deg); color: var(--accent-green); }
        .accordion-content {
            padding: 0 24px 24px;
            border-top: 1px solid rgba(255,255,255,0.05);
            margin-top: 5px;
            padding-top: 20px;
        }
        .tech-tips-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
        .tech-tips-list li { font-size: 13px; color: var(--text-muted); position: relative; padding-left: 15px; line-height: 1.5; }
        .tech-tips-list li::before { content: ''; position: absolute; left: 0; top: 6px; width: 6px; height: 6px; border-radius: 50%; background: var(--accent-green); box-shadow: 0 0 8px var(--accent-green); }
        .tech-tips-list li strong { color: #fff; display: block; margin-bottom: 4px; font-size: 14px; }
        
        /* Calculadora Big Tech */
        .calculator-section {
            background: linear-gradient(180deg, rgba(17,24,39,0.4) 0%, rgba(16,185,129,0.03) 100%);
            border: 1px solid rgba(255,255,255,0.05);
            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
            border-radius: 24px;
            padding: 40px;
            position: relative;
            overflow: hidden;
        }
        .calculator-section::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px;
            background: linear-gradient(90deg, transparent, var(--accent-green), transparent); opacity: 0.3;
        }
        .calc-row label { font-size: 12px; color: #9ca3af; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; align-items: center; }
        .calc-val { background: rgba(16,185,129,0.15); padding: 4px 14px; border-radius: 30px; color: var(--accent-green); font-size: 14px; border: 1px solid rgba(16,185,129,0.2); }
        
        input[type=range] { height: 4px; background: rgba(255,255,255,0.08); }
        input[type=range]::-webkit-slider-thumb { width: 18px; height: 18px; border: 3px solid #111827; box-shadow: 0 0 12px var(--accent-green); transition: transform 0.2s; }
        input[type=range]::-webkit-slider-thumb:hover { transform: scale(1.2); }
        
        select.calc-select { background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.08); font-weight: 500; transition: border-color 0.3s; }
        select.calc-select:focus { border-color: var(--accent-green); }

        /* ==========================================================================
           RESPONSIVE MOBILE STYLES
           ========================================================================== */
        @media (max-width: 768px) {
            .elite-header {
                padding: 10px 15px;
            }
            .dashboard {
                padding: 8px 12px;
            }
            .core-titles h1 {
                font-size: 24px;
                line-height: 1.2;
                margin-bottom: 2px;
            }
            .core-titles h2 {
                display: none; /* Oculta o subtítulo no mobile para poupar espaço */
            }
            
            /* TABS - 2x2 Grid */
            .test-modes-tabs {
                flex-wrap: wrap;
                gap: 6px;
                margin-bottom: 15px;
            }
            .mode-tab {
                flex: 1 1 calc(50% - 6px);
                justify-content: center;
                padding: 8px;
                font-size: 12px;
            }
            
            /* HUB (Velocímetro) */
            .test-hub {
                width: 220px;
                height: 220px;
                margin-bottom: 5px;
            }
            .btn-text {
                font-size: 26px;
            }
            .metric-val {
                font-size: 40px;
            }
            
            /* RESULTS GRID */
            .results-top {
                gap: 8px;
                margin-bottom: 8px;
            }
            .result-box {
                padding: 10px 5px;
                background: rgba(0,0,0,0.5); /* Mais contraste */
                border-color: rgba(255,255,255,0.1);
            }
            .result-box-val {
                font-size: 18px;
            }
            .result-box-title {
                font-size: 9px;
            }
            
            /* ORACLE CTA MOBILE */
            .tech-accordion summary {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
                padding: 12px;
            }
            .tech-accordion summary > div {
                width: 100%;
            }
            .tech-accordion summary .chevron {
                display: none; 
            }
            .oracle-cta {
                margin-left: 0;
                margin-top: 10px;
                display: block;
                text-align: center;
                width: 100%;
                box-sizing: border-box;
                padding: 8px 15px;
                font-size: 13px;
            }
        }


        .calc-result-box {
            display: flex; align-items: center; justify-content: space-between;
            background: rgba(0,0,0,0.3); border: 1px solid rgba(16,185,129,0.2);
            padding: 30px 40px; border-radius: 20px; text-align: left;
            gap: 30px; margin-top: 40px;
            backdrop-filter: blur(10px);
        }
        .calc-result-content { flex: 1; }
        .calc-result-speed { font-size: 56px; letter-spacing: -2px; margin-bottom: 5px; line-height: 1; text-shadow: 0 0 30px rgba(16,185,129,0.3); }
        .calc-result-title { margin-bottom: 10px; font-size: 12px; opacity: 0.8; }

        /* Accordion Big Tech */
        .tech-accordion {
            background: #111827; /* Fundo sólido para alto contraste */
            border: 1px solid var(--accent-green);
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 15px rgba(16,185,129,0.15); /* Brilho verde em volta */
        }
        .tech-accordion summary {
            padding: 18px 24px;
            cursor: pointer;
            color: var(--text-main);
            font-size: 15px;
            font-weight: 600;
            display: flex;
            justify-content: space-between;
            align-items: center;
            list-style: none;
            user-select: none;
        }
        .tech-accordion summary::-webkit-details-marker { display: none; }
        .tech-accordion summary:hover { background: rgba(255,255,255,0.04); }
        .tech-accordion[open] summary .chevron { transform: rotate(180deg); color: var(--accent-green); }
        .accordion-content {
            padding: 0 24px 24px;
            border-top: 1px solid rgba(255,255,255,0.05);
            margin-top: 5px;
            padding-top: 20px;
        }
        .tech-tips-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
        .tech-tips-list li { font-size: 13px; color: var(--text-muted); position: relative; padding-left: 15px; line-height: 1.5; }
        .tech-tips-list li::before { content: ''; position: absolute; left: 0; top: 6px; width: 6px; height: 6px; border-radius: 50%; background: var(--accent-green); box-shadow: 0 0 8px var(--accent-green); }
        .tech-tips-list li strong { color: #fff; display: block; margin-bottom: 4px; font-size: 14px; }
        
        /* Calculadora Big Tech */
        .calculator-section {
            background: linear-gradient(180deg, rgba(17,24,39,0.4) 0%, rgba(16,185,129,0.03) 100%);
            border: 1px solid rgba(255,255,255,0.05);
            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
            border-radius: 24px;
            padding: 40px;
            position: relative;
            overflow: hidden;
        }
        .calculator-section::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px;
            background: linear-gradient(90deg, transparent, var(--accent-green), transparent); opacity: 0.3;
        }
        .calc-row label { font-size: 12px; color: #9ca3af; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; align-items: center; }
        .calc-val { background: rgba(16,185,129,0.15); padding: 4px 14px; border-radius: 30px; color: var(--accent-green); font-size: 14px; border: 1px solid rgba(16,185,129,0.2); }
        
        input[type=range] { height: 4px; background: rgba(255,255,255,0.08); }
        input[type=range]::-webkit-slider-thumb { width: 18px; height: 18px; border: 3px solid #111827; box-shadow: 0 0 12px var(--accent-green); transition: transform 0.2s; }
        input[type=range]::-webkit-slider-thumb:hover { transform: scale(1.2); }
        
        select.calc-select { background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.08); font-weight: 500; transition: border-color 0.3s; }
        select.calc-select:focus { border-color: var(--accent-green); }

        /* ==========================================================================
           RESPONSIVE MOBILE STYLES
           ========================================================================== */
        @media (max-width: 768px) {
            .elite-header {
                padding: 10px 15px;
            }
            .dashboard {
                padding: 8px 12px;
            }
            .core-titles h1 {
                font-size: 24px;
                line-height: 1.2;
                margin-bottom: 2px;
            }
            .core-titles h2 {
                display: none; /* Oculta o subtítulo no mobile para poupar espaço */
            }
            
            /* TABS - 2x2 Grid */
            .test-modes-tabs {
                flex-wrap: wrap;
                gap: 6px;
                margin-bottom: 15px;
            }
            .mode-tab {
                flex: 1 1 calc(50% - 6px);
                justify-content: center;
                padding: 8px;
                font-size: 12px;
            }
            
            /* HUB (Velocímetro) */
            .test-hub {
                width: 220px;
                height: 220px;
                margin-bottom: 5px;
            }
            .btn-text {
                font-size: 26px;
            }
            .metric-val {
                font-size: 40px;
            }
            
            /* RESULTS GRID */
            .results-top {
                gap: 8px;
                margin-bottom: 8px;
            }
            .result-box {
                padding: 10px 5px;
                background: rgba(0,0,0,0.5); /* Mais contraste */
                border-color: rgba(255,255,255,0.1);
            }
            .result-box-val {
                font-size: 18px;
            }
            .result-box-title {
                font-size: 9px;
            }
            
            /* ORACLE CTA MOBILE */
            .tech-accordion summary {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
                padding: 12px;
            }
            .tech-accordion summary > div {
                width: 100%;
            }
            .tech-accordion summary .chevron {
                display: none; 
            }
            .oracle-cta {
                margin-left: 0;
                margin-top: 10px;
                display: block;
                text-align: center;
                width: 100%;
                box-sizing: border-box;
                padding: 8px 15px;
                font-size: 13px;
            }
        }


        .calc-result-box {
            display: flex; align-items: center; justify-content: space-between;
            background: rgba(0,0,0,0.3); border: 1px solid rgba(16,185,129,0.2);
            padding: 30px 40px; border-radius: 20px; text-align: left;
            gap: 30px; margin-top: 40px;
            backdrop-filter: blur(10px);
        }
        .calc-result-content { flex: 1; }
        .calc-result-speed { font-size: 56px; letter-spacing: -2px; margin-bottom: 5px; line-height: 1; text-shadow: 0 0 30px rgba(16,185,129,0.3); }
        .calc-result-title { margin-bottom: 10px; font-size: 12px; opacity: 0.8; }
        .calc-result-desc { margin-bottom: 0; font-size: 14px; max-width: 350px; color: #9ca3af; }
        .calc-cta-wrapper { flex-shrink: 0; }
    <style>
        /* Accordion Big Tech */
        .tech-accordion {
            background: #111827; /* Fundo sólido para alto contraste */
            border: 1px solid var(--accent-green);
            border-radius: 12px;
            overflow: hidden;
            transition: all 0.3s ease;
            box-shadow: 0 10px 30px rgba(0,0,0,0.5), 0 0 15px rgba(16,185,129,0.15); /* Brilho verde em volta */
        }
        .tech-accordion summary {
            padding: 18px 24px;
            cursor: pointer;
            color: var(--text-main);
            font-size: 15px;
            font-weight: 600;
            display: flex;
            justify-content: space-between;
            align-items: center;
            list-style: none;
            user-select: none;
        }
        .tech-accordion summary::-webkit-details-marker { display: none; }
        .tech-accordion summary:hover { background: rgba(255,255,255,0.04); }
        .tech-accordion[open] summary .chevron { transform: rotate(180deg); color: var(--accent-green); }
        .accordion-content {
            padding: 0 24px 24px;
            border-top: 1px solid rgba(255,255,255,0.05);
            margin-top: 5px;
            padding-top: 20px;
        }
        .tech-tips-list { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; }
        .tech-tips-list li { font-size: 13px; color: var(--text-muted); position: relative; padding-left: 15px; line-height: 1.5; }
        .tech-tips-list li::before { content: ''; position: absolute; left: 0; top: 6px; width: 6px; height: 6px; border-radius: 50%; background: var(--accent-green); box-shadow: 0 0 8px var(--accent-green); }
        .tech-tips-list li strong { color: #fff; display: block; margin-bottom: 4px; font-size: 14px; }
        
        /* Calculadora Big Tech */
        .calculator-section {
            background: linear-gradient(180deg, rgba(17,24,39,0.4) 0%, rgba(16,185,129,0.03) 100%);
            border: 1px solid rgba(255,255,255,0.05);
            box-shadow: 0 25px 50px -12px rgba(0,0,0,0.5);
            border-radius: 24px;
            padding: 40px;
            position: relative;
            overflow: hidden;
        }
        .calculator-section::before {
            content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px;
            background: linear-gradient(90deg, transparent, var(--accent-green), transparent); opacity: 0.3;
        }
        .calc-row label { font-size: 12px; color: #9ca3af; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; align-items: center; }
        .calc-val { background: rgba(16,185,129,0.15); padding: 4px 14px; border-radius: 30px; color: var(--accent-green); font-size: 14px; border: 1px solid rgba(16,185,129,0.2); }
        
        input[type=range] { height: 4px; background: rgba(255,255,255,0.08); }
        input[type=range]::-webkit-slider-thumb { width: 18px; height: 18px; border: 3px solid #111827; box-shadow: 0 0 12px var(--accent-green); transition: transform 0.2s; }
        input[type=range]::-webkit-slider-thumb:hover { transform: scale(1.2); }
        
        select.calc-select { background: rgba(0,0,0,0.5); border: 1px solid rgba(255,255,255,0.08); font-weight: 500; transition: border-color 0.3s; }
        select.calc-select:focus { border-color: var(--accent-green); }

        /* ==========================================================================
           RESPONSIVE MOBILE STYLES
           ========================================================================== */
        @media (max-width: 768px) {
            .elite-header {
                padding: 10px 15px;
            }
            .dashboard {
                padding: 8px 12px;
            }
            .core-titles h1 {
                font-size: 24px;
                line-height: 1.2;
                margin-bottom: 2px;
            }
            .core-titles h2 {
                display: none; /* Oculta o subtítulo no mobile para poupar espaço */
            }
            
            /* TABS - 2x2 Grid */
            .test-modes-tabs {
                flex-wrap: wrap;
                gap: 6px;
                margin-bottom: 15px;
            }
            .mode-tab {
                flex: 1 1 calc(50% - 6px);
                justify-content: center;
                padding: 8px;
                font-size: 12px;
            }
            
            /* HUB (Velocímetro) */
            .test-hub {
                width: 220px;
                height: 220px;
                margin-bottom: 5px;
            }
            .btn-text {
                font-size: 26px;
            }
            .metric-val {
                font-size: 40px;
            }
            
            /* RESULTS GRID */
            .results-top {
                gap: 8px;
                margin-bottom: 8px;
            }
            .result-box {
                padding: 10px 5px;
                background: rgba(0,0,0,0.5); /* Mais contraste */
                border-color: rgba(255,255,255,0.1);
            }
            .result-box-val {
                font-size: 18px;
            }
            .result-box-title {
                font-size: 9px;
            }
            
            /* ORACLE CTA MOBILE */
            .tech-accordion summary {
                flex-direction: column;
                align-items: flex-start;
                gap: 10px;
                padding: 12px;
            }
            .tech-accordion summary > div {
                width: 100%;
            }
            .tech-accordion summary .chevron {
                display: none; 
            }
            .oracle-cta {
                margin-left: 0;
                margin-top: 10px;
                display: block;
                text-align: center;
                width: 100%;
                box-sizing: border-box;
                padding: 8px 15px;
                font-size: 13px;
            }
        }


        .calc-result-box {
            display: flex; align-items: center; justify-content: space-between;
            background: rgba(0,0,0,0.3); border: 1px solid rgba(16,185,129,0.2);
            padding: 30px 40px; border-radius: 20px; text-align: left;
            gap: 30px; margin-top: 40px;
            backdrop-filter: blur(10px);
        }
        .calc-result-content { flex: 1; }
        .calc-result-speed { font-size: 56px; letter-spacing: -2px; margin-bottom: 5px; line-height: 1; text-shadow: 0 0 30px rgba(16,185,129,0.3); }
        .calc-result-title { margin-bottom: 10px; font-size: 12px; opacity: 0.8; }
        .calc-result-desc { margin-bottom: 0; font-size: 14px; max-width: 350px; color: #9ca3af; }
        .calc-cta-wrapper { flex-shrink: 0; }
        
        @media (max-width: 768px) {
            .calculator-section { padding: 25px; }
            .calc-result-box { flex-direction: column; text-align: center; padding: 25px; }
            .calc-result-desc { max-width: 100%; margin-bottom: 25px; }
            .tech-accordion summary { font-size: 14px; padding: 15px; }
        }
        
        /* STANDALONE REVIEW STYLES */
        .review-standalone {
            max-width: 800px;
            margin: 60px auto;
            padding: 0 20px;
        }
        .review-card {
            background: rgba(15, 23, 42, 0.6);
            border: 1px solid rgba(255, 255, 255, 0.08);
            border-radius: 20px;
            padding: 40px;
            box-shadow: 0 20px 40px rgba(0,0,0,0.3);
            backdrop-filter: blur(10px);
        }
        .review-card h3 {
            font-size: 24px;
            font-weight: 800;
            color: #fff;
            margin-bottom: 10px;
            letter-spacing: -0.5px;
        }
        .review-card p {
            color: var(--text-muted);
            font-size: 14px;
            margin-bottom: 30px;
        }
        .review-form {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }
        .form-group {
            display: flex;
            flex-direction: column;
            gap: 8px;
        }
        .form-group.full-width {
            grid-column: 1 / -1;
        }
        .form-group label {
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-weight: 700;
            color: #9ca3af;
        }
        .form-group input, .form-group textarea {
            background: rgba(0, 0, 0, 0.3);
            border: 1px solid rgba(255, 255, 255, 0.1);
            color: #fff;
            padding: 14px 18px;
            border-radius: 12px;
            font-size: 15px;
            outline: none;
            transition: all 0.3s;
            font-family: inherit;
        }
        .form-group input:focus, .form-group textarea:focus {
            border-color: var(--accent-green);
            box-shadow: 0 0 10px rgba(16, 185, 129, 0.2);
            background: rgba(0, 0, 0, 0.5);
        }
        .btn-submit-review {
            grid-column: 1 / -1;
            background: var(--accent-green);
            color: #111;
            border: none;
            padding: 16px;
            border-radius: 12px;
            font-size: 16px;
            font-weight: 800;
            cursor: pointer;
            text-transform: uppercase;
            letter-spacing: 1px;
            transition: all 0.3s;
            margin-top: 10px;
        }
        .btn-submit-review:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(16, 185, 129, 0.4);
        }
        @media (max-width: 768px) {
            .review-form { grid-template-columns: 1fr; }
            .review-card { padding: 30px 20px; }
        }