:root {
      --gold:        #C9922A;
      --gold-mid:    #E8B84B;
      --gold-light:  #F7D07A;
      --bg:          #040404;
      --bg-soft:     #0C0C0C;
      --bg-card:     #0F0F0F;
      --text:        #EFEFEF;
      --muted:       #888;
      --border:      rgba(200,146,42,.18);
    }

    *, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
    body {
      font-family: 'Outfit', sans-serif;
      background: var(--bg);
      color: var(--text);
      overflow-x: hidden;
    }

    .serif { font-family: 'Cormorant Garamond', Georgia, serif; }
    .gold-text { color: var(--gold-light); }
    .gold-gradient {
      background: linear-gradient(135deg, var(--gold), var(--gold-light));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }

    .gold-btn {
      background: linear-gradient(135deg, var(--gold), var(--gold-mid), var(--gold-light));
      color: #000;
      font-weight: 800;
      transition: transform .25s, box-shadow .25s;
      box-shadow: 0 8px 32px rgba(200,146,42,.3);
    }
    .gold-btn:hover {
      transform: translateY(-3px) scale(1.02);
      box-shadow: 0 16px 48px rgba(200,146,42,.4);
    }

    .outline-btn {
      border: 1px solid rgba(200,146,42,.35);
      color: rgba(240,200,100,.85);
      background: transparent;
      transition: all .25s;
    }
    .outline-btn:hover {
      border-color: rgba(200,146,42,.7);
      background: rgba(200,146,42,.06);
      color: var(--gold-light);
    }

    .card {
      background: var(--bg-card);
      border: 1px solid var(--border);
      border-radius: 1.5rem;
    }

    /* BADGE COM BOLINHA PISCANDO */
    .badge {
      display: inline-flex;
      align-items: center;
      gap: .5rem;
      border: 1px solid rgba(200,146,42,.3);
      background: rgba(200,146,42,.07);
      backdrop-filter: blur(12px);
      color: var(--gold-light);
      font-size: .75rem;
      font-weight: 600;
      letter-spacing: .12em;
      text-transform: uppercase;
      padding: .45rem 1.1rem;
      border-radius: 999px;
    }
    .badge-dot {
      width: 6px; height: 6px;
      background: var(--gold-mid);
      border-radius: 50%;
      animation: pulse-dot 2s infinite;
    }
    @keyframes pulse-dot {
      0%,100%{opacity:1;transform:scale(1)}
      50%{opacity:.4;transform:scale(.8)}
    }

    /* OPÇÕES DO QUIZ — ESTILO ATUALIZADO */
    .quiz-option {
      background: rgba(15,15,15,0.8);
      border: 1px solid rgba(200,146,42,.2);
      border-radius: 1rem;
      padding: 1rem 1.25rem;
      cursor: pointer;
      transition: all 0.2s ease;
    }
    
    /* Padrão: fundo escuro, letras douradas */
    .quiz-option span {
      color: var(--gold-light);
      transition: all 0.2s ease;
    }
    
    /* Hover: fundo dourado, letras brancas */
    .quiz-option:hover {
      background: linear-gradient(135deg, var(--gold), var(--gold-mid), var(--gold-light));
      border-color: transparent;
    }
    .quiz-option:hover span {
      color: #000;
      font-weight: 500;
    }
    
    /* Selecionado: fundo branco, letras douradas */
    .quiz-option.selected {
      background: #FFFFFF;
      border-color: var(--gold-mid);
      box-shadow: 0 0 0 2px rgba(200,146,42,.2);
    }
    .quiz-option.selected span {
      color: var(--gold);
      font-weight: 600;
    }

    /* OPÇÕES DO QUIZ — ESTILO MODIFICADO (FUNDO BRANCO + LETRA PRETA) 

        .quiz-option {
        background: #FFFFFF;
        border: 1px solid rgba(0,0,0,.1);
        border-radius: 1rem;
        padding: 1rem 1.25rem;
        cursor: pointer;
        transition: all 0.2s ease;
        }

        Padrão: fundo branco, letras pretas 

        .quiz-option span {
        color: #000000;
        transition: all 0.2s ease;
        }

        /* Hover: fundo dourado, letras pretas 
        .quiz-option:hover {
        background: linear-gradient(135deg, var(--gold), var(--gold-mid), var(--gold-light));
        border-color: transparent;
        }
        .quiz-option:hover span {
        color: #000000;
        font-weight: 500;
        }

        /* Selecionado: fundo branco, letras douradas 
        .quiz-option.selected {
        background: #FFFFFF;
        border-color: var(--gold-mid);
        box-shadow: 0 0 0 2px rgba(200,146,42,.2);
        }
        .quiz-option.selected span {
        color: var(--gold);
        font-weight: 600;
        } 
        */
    /* BARRA DE PROGRESSO */
    .progress-bar {
      height: 4px;
      background: rgba(200,146,42,.2);
      border-radius: 4px;
      overflow: hidden;
    }
    .progress-fill {
      height: 100%;
      background: linear-gradient(90deg, var(--gold), var(--gold-light));
      width: 0%;
      transition: width 0.3s ease;
    }

    /* GLOW E GRÃO */
    .glow-top {
      position:absolute;
      top:-320px; left:50%; transform:translateX(-50%);
      width:900px; height:700px;
      background:radial-gradient(ellipse at center, rgba(200,146,42,.14), transparent 65%);
      filter:blur(40px);
      pointer-events:none;
    }

    body::before {
      content:'';
      position:fixed;
      inset:0;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");
      opacity:.4;
      pointer-events:none;
      z-index:9999;
    }

    /* RESULTADO */
    .result-level {
      font-size: 1.5rem;
      font-weight: 700;
    }
    .result-percentage {
      font-size: 3rem;
      font-weight: 900;
      background: linear-gradient(135deg, var(--gold), var(--gold-light));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }