:root{--bg:#020617;--card:#0f172a;--text:#e2e8f0;--gold:#f7c948;--cyan:#22d3ee;--blue:#38bdf8}
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
body{margin:0;font-family:Arial,sans-serif;background:linear-gradient(180deg,#020617,#0f172a);color:var(--text);line-height:1.6;overflow-wrap:break-word}
.container{width:min(100% - 32px,1180px);margin:1rem auto;box-sizing:border-box}.card{background:rgba(15,23,42,.9);border:1px solid rgba(56,189,248,.28);border-radius:18px;padding:1rem 1.2rem}
.eyebrow{color:var(--gold);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.top-links,.section-nav{display:flex;flex-wrap:wrap;gap:.6rem}.top-links a,.section-nav a,button{padding:.65rem .9rem;border-radius:999px;border:1px solid rgba(247,201,72,.5);background:rgba(34,211,238,.08);color:#fff;text-decoration:none}
main{display:grid;gap:1rem}img{max-width:100%;border-radius:12px}.decorative{height:10px;object-fit:cover;opacity:.45}
.aurora-ia{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:1.25rem;padding:1rem;border-radius:16px;background:linear-gradient(135deg,rgba(8,47,73,.4),rgba(30,41,59,.6));border:1px solid rgba(34,211,238,.35);width:100%;max-width:100%}
.aurora-badge{display:inline-block;margin:.1rem 0 .5rem;padding:.25rem .65rem;border-radius:999px;background:rgba(34,211,238,.16);border:1px solid rgba(247,201,72,.45);font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--gold)}
.aurora-ia h3{margin:0;font-size:clamp(1.35rem,2.6vw,2rem)}.aurora-subtitle{margin:.2rem 0 .8rem;color:#bae6fd}.aurora-speech{margin:0 0 .9rem;font-weight:600;color:#e0f2fe}
.aurora-code{border:1px solid rgba(56,189,248,.3);background:#020617;border-radius:12px;padding:.75rem}.aurora-code p{margin:0 0 .4rem;color:#67e8f9;font-size:.85rem}.aurora-code pre{margin:0;overflow:auto}
.aurora-player{display:flex;align-items:center;gap:.6rem;margin-top:.85rem}.aurora-dot{width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(247,201,72,.7)}.aurora-progress{flex:1;height:8px;border-radius:999px;background:rgba(15,23,42,.9);border:1px solid rgba(56,189,248,.35)}.aurora-progress span{display:block;width:62%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--cyan),var(--blue))}.aurora-time{font-size:.75rem;color:#93c5fd}
.aurora-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.aurora-actions button{font-weight:700}
.aurora-avatar{display:grid;place-items:center;gap:.8rem;padding:1rem;border-radius:14px;background:radial-gradient(circle at top,rgba(34,211,238,.25),rgba(15,23,42,.95));border:1px solid rgba(56,189,248,.35);box-shadow:0 10px 25px rgba(2,6,23,.35)}
.aurora-helmet{width:136px;height:136px;border-radius:50%;border:3px solid rgba(34,211,238,.7);background:linear-gradient(180deg,#0f172a,#1e293b);display:flex;align-items:center;justify-content:center;gap:18px;position:relative}.aurora-helmet::after{content:"";position:absolute;bottom:24px;width:66px;height:20px;border-radius:999px;background:rgba(247,201,72,.18);border:1px solid rgba(247,201,72,.55)}
.aurora-eye{width:18px;height:18px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px rgba(34,211,238,.9)}.aurora-html5{display:inline-flex;align-items:center;justify-content:center;min-width:78px;padding:.35rem .55rem;border-radius:999px;background:rgba(247,201,72,.13);border:1px solid rgba(247,201,72,.55);color:var(--gold);font-weight:700}
.aurora-learn-card{margin-top:.8rem;padding:.9rem;border-radius:12px;background:rgba(15,23,42,.8);border:1px solid rgba(247,201,72,.35)}.aurora-learn-card h4{margin:.1rem 0 .6rem}.aurora-learn-card ul{margin:0;padding-left:1.1rem}
#aurora-feedback{min-height:1.3rem;margin:.7rem 0 0;color:#fde68a;font-weight:600}
form{display:grid;gap:.5rem}input,select,textarea{padding:.7rem;border-radius:10px;border:1px solid #334155;background:#0b1120;color:#fff}button{cursor:pointer}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{border:1px solid #334155;padding:.65rem;text-align:left}
@media (max-width:768px){.container{width:min(100% - 20px,1180px)}.card{padding:1rem}.top-links a,.section-nav a,button{width:100%;text-align:center}.aurora-ia{grid-template-columns:1fr}.aurora-actions{flex-direction:column}.aurora-actions button{width:100%}}
.aurora-modos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin:.8rem 0}
.aurora-modos button,.aurora-quiz-opcao{border-radius:10px;padding:.55rem .6rem;font-size:.9rem}
.aurora-resposta-wrap,.aurora-pergunta,.aurora-checklist,.aurora-historico{margin-top:.9rem;padding:.75rem;border:1px solid rgba(56,189,248,.3);border-radius:12px;background:rgba(2,6,23,.4)}
.aurora-resposta-wrap h4,.aurora-pergunta h4,.aurora-checklist h4,.aurora-historico h4{margin:.1rem 0 .6rem}
.aurora-resposta p{margin:.2rem 0}
.aurora-resposta pre{margin:.2rem 0;white-space:pre-wrap;overflow:auto}
.aurora-quiz-opcoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}
#aurora-duvida{width:100%;resize:vertical}
.aurora-checklist ul,.aurora-historico ul{margin:0;padding-left:1.1rem}
.aurora-checklist li{display:flex;align-items:center;gap:.45rem}
#aurora-copiar-evidencia,#aurora-perguntar,#aurora-reset{margin-top:.6rem}
@media (max-width:768px){.aurora-modos{grid-template-columns:1fr 1fr}.aurora-quiz-opcoes{grid-template-columns:1fr}}
.aurora-status{margin:.2rem 0 .8rem;padding:.45rem .7rem;border-radius:10px;border:1px solid rgba(34,211,238,.45);background:rgba(34,211,238,.1);font-weight:700}
.aurora-os{margin-top:.8rem}
.aurora-os h4{margin:.1rem 0 .5rem}
.aurora-os-tabs{display:flex;flex-wrap:wrap;gap:.4rem}
.aurora-os-tab{border-radius:10px;padding:.55rem .7rem;font-size:.86rem}
.aurora-os-tab[aria-selected="true"]{background:rgba(247,201,72,.22);border-color:rgba(247,201,72,.9)}
.aurora-os-panel{margin-top:.75rem}
.aurora-modos button.is-active{background:rgba(247,201,72,.22);border-color:rgba(247,201,72,.9)}
.aurora-resposta{background:rgba(2,6,23,.7);padding:.7rem;border-radius:10px;border:1px solid rgba(56,189,248,.3)}
.aurora-resposta code{color:#67e8f9}
.aurora-progress-premium{height:10px;border-radius:999px;background:#0b1120;border:1px solid rgba(56,189,248,.35);overflow:hidden}
.aurora-progress-premium span{display:block;height:100%;width:0;background:linear-gradient(90deg,#22d3ee,#38bdf8,#f7c948);transition:width .3s ease}
.aurora-nivel{margin:.45rem 0 0;color:#bae6fd}
.aurora-quiz-opcao{font-weight:700;min-height:44px}
.aurora-quiz-opcao.is-correct{outline:2px solid #22c55e}
.aurora-quiz-opcao.is-wrong{outline:2px solid #ef4444}
#aurora-next-question,#aurora-limpar-historico,#aurora-copiar-desafio,#aurora-marcar-desafio{margin-top:.55rem}
.aurora-online{display:inline-block;padding:.2rem .5rem;margin-bottom:.4rem;border-radius:999px;background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.6);color:#86efac;font-size:.8rem}
.aurora-eye{position:relative}
.aurora-eye::after{content:'';position:absolute;inset:4px;border-radius:50%;background:rgba(255,255,255,.7);filter:blur(2px)}
.aurora-avatar.is-speaking{animation:auroraPulse .8s ease}
@keyframes auroraPulse{0%{box-shadow:0 10px 25px rgba(2,6,23,.35)}50%{box-shadow:0 0 0 3px rgba(34,211,238,.25),0 10px 25px rgba(2,6,23,.35)}100%{box-shadow:0 10px 25px rgba(2,6,23,.35)}}
@media (max-width:768px){.aurora-modos button{font-size:.85rem;padding:.6rem .45rem}.aurora-resposta pre{max-width:100%;overflow:auto}.aurora-historico li{font-size:.88rem}}
.aurora-guided-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:.6rem 0}
.aurora-trilha{margin:.7rem 0;padding:.7rem;border:1px solid rgba(247,201,72,.35);border-radius:12px;background:rgba(2,6,23,.45)}
.aurora-trilha ol{margin:0;padding-left:1.1rem;display:grid;gap:.4rem}
.aurora-trilha li{display:flex;justify-content:space-between;gap:.5rem;align-items:center;padding:.35rem .45rem;border-radius:8px;border:1px solid rgba(56,189,248,.2)}
.aurora-trilha li.is-active{border-color:rgba(247,201,72,.8);background:rgba(247,201,72,.12)}
.aurora-trilha li.is-done{border-color:rgba(34,197,94,.7);background:rgba(34,197,94,.12)}
.aurora-step-status{text-transform:uppercase;font-size:.7rem}
.aurora-response-card h5{margin:.2rem 0 .5rem;color:#67e8f9}
.aurora-response-card div{margin-top:.45rem;padding:.35rem .45rem;border-left:2px solid rgba(34,211,238,.5);background:rgba(15,23,42,.65)}
.aurora-sugestoes{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:.55rem}
.aurora-sugestoes button{border-radius:999px;font-size:.82rem;padding:.4rem .65rem}
.aurora-quiz-meta{font-size:.84rem;color:#bae6fd;margin:.1rem 0}
.aurora-structure{margin-top:.55rem;padding:.6rem;border-radius:8px;background:rgba(15,23,42,.7);border:1px solid rgba(56,189,248,.25)}
@media (max-width:768px){.aurora-trilha li{flex-direction:column;align-items:flex-start}.aurora-sugestoes button{width:auto}}

.aurora-right{display:grid;gap:.75rem;align-content:start}
.aurora-mode-teacher{font-size:.88rem;font-weight:700;justify-self:start}
.aurora-avatar{position:relative;overflow:hidden;background:linear-gradient(165deg,rgba(14,116,144,.25),rgba(15,23,42,.96));border-color:rgba(34,211,238,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 10px 24px rgba(2,6,23,.35)}
.aurora-avatar::before{content:'';position:absolute;inset:8px;border-radius:12px;pointer-events:none;box-shadow:inset 0 0 24px rgba(34,211,238,.08)}
.aurora-avatar-bubble{margin:0;max-width:100%;padding:.5rem .65rem;border-radius:10px;background:rgba(8,47,73,.55);border:1px solid rgba(125,211,252,.45);font-size:.83rem;color:#e0f2fe}
.aurora-online{display:inline-flex;align-items:center;gap:.4rem}
.aurora-online-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.8)}
.aurora-online-status{font-size:.8rem;color:#93c5fd}
.aurora-helmet::after{bottom:20px;width:56px;height:6px;border-radius:999px;background:rgba(148,163,184,.8);border:none;transition:all .25s ease}
.aurora-mouth{position:absolute;bottom:20px;width:56px;height:6px;border-radius:999px;background:rgba(148,163,184,.75)}
.aurora-eye{animation:auroraBlink 7s ease-in-out infinite}
@keyframes auroraBlink{0%,45%,47%,100%{transform:scaleY(1)}46%{transform:scaleY(.15)}}
.aurora-state-speaking .aurora-mouth,.aurora-state-explaining .aurora-mouth{animation:auroraTalk .7s ease-in-out infinite;background:rgba(56,189,248,.95)}
.aurora-state-listening .aurora-mouth,.aurora-state-testing .aurora-mouth{width:36px;height:4px}
.aurora-state-challenge .aurora-mouth{height:8px;background:rgba(247,201,72,.95)}
@keyframes auroraTalk{0%,100%{transform:scaleY(1)}50%{transform:scaleY(1.9)}}

.aurora-state-idle{--stateGlow:rgba(34,211,238,.55)}
.aurora-state-explaining,.aurora-state-speaking{--stateGlow:rgba(56,189,248,.85)}
.aurora-state-example{--stateGlow:rgba(34,211,238,.85)}
.aurora-state-testing{--stateGlow:rgba(129,140,248,.85)}
.aurora-state-tip{--stateGlow:rgba(45,212,191,.82)}
.aurora-state-challenge{--stateGlow:rgba(247,201,72,.9)}
.aurora-state-evidence{--stateGlow:rgba(74,222,128,.85)}
.aurora-state-listening{--stateGlow:rgba(125,211,252,.9)}
.aurora-avatar[class*='aurora-state-'] .aurora-helmet{box-shadow:0 0 0 2px color-mix(in srgb,var(--stateGlow),transparent 45%),0 0 18px var(--stateGlow)}
.aurora-avatar[class*='aurora-state-'] .aurora-eye{background:var(--stateGlow);box-shadow:0 0 14px var(--stateGlow)}
.aurora-state-speaking .aurora-eye,.aurora-state-explaining .aurora-eye{box-shadow:0 0 18px var(--stateGlow)}

@media (prefers-reduced-motion: reduce){
  .aurora-eye,.aurora-state-speaking .aurora-mouth,.aurora-state-explaining .aurora-mouth,.aurora-avatar.is-speaking{animation:none!important}
}
@media (max-width:900px){
  .aurora-right{order:-1}
  .aurora-avatar{padding:.8rem;gap:.6rem}
  .aurora-avatar-bubble{font-size:.8rem}
}
.aurora-pedagogia{margin-top:.9rem;display:grid;gap:.65rem}.aurora-pedagogia-top{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}
.aurora-card{border:1px solid rgba(56,189,248,.35);border-radius:12px;padding:.5rem .7rem;background:rgba(2,6,23,.45)}
.aurora-card summary{cursor:pointer;font-weight:700;color:#bae6fd}.aurora-metodo-lista{margin:.5rem 0 0;padding-left:1.1rem;display:grid;gap:.35rem}
.aurora-feedback-card{margin-top:.55rem;padding:.55rem;border-radius:10px;background:rgba(15,23,42,.8);border:1px solid rgba(56,189,248,.25);min-height:1.2rem}
.aurora-maturidade-line{margin:.35rem 0}.aurora-missao-acoes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.5rem}
.aurora-state-analyzing{--stateGlow:rgba(168,85,247,.85)}.aurora-state-guide{--stateGlow:rgba(59,130,246,.85)}.aurora-state-validating{--stateGlow:rgba(16,185,129,.85)}
@media (max-width:768px){.aurora-pedagogia-top{grid-template-columns:1fr 1fr}.aurora-card textarea,.aurora-pedagogia textarea{width:100%}.aurora-missao-acoes button,.aurora-pedagogia-top button{width:100%}}
.aurora-core{display:grid;grid-template-columns:1fr 1fr;gap:.35rem .75rem;font-size:.9rem}
.aurora-core p{margin:.1rem 0}
#aurora-codigo-preview{white-space:pre-wrap;overflow:auto;max-height:180px}
.aurora-state-correcting{--stateGlow:rgba(244,114,182,.85)}
.aurora-state-interviewing{--stateGlow:rgba(99,102,241,.88)}
.aurora-state-challenging{--stateGlow:rgba(250,204,21,.9)}
.aurora-state-celebrating{--stateGlow:rgba(34,197,94,.95)}
.aurora-state-warning{--stateGlow:rgba(239,68,68,.9)}
.aurora-state-portfolio{--stateGlow:rgba(251,191,36,.92)}
@media (max-width:768px){.aurora-core{grid-template-columns:1fr}}
.mentor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.aurora-conquistas-lista{margin:0;padding-left:1rem;display:grid;gap:.3rem}
.aurora-focus-mode .aurora-pergunta,.aurora-focus-mode .aurora-trilha,.aurora-focus-mode .aurora-checklist,.aurora-focus-mode .aurora-historico{display:none}

/* Ajustes premium de UX para Aurora IA / Mentor Supremo */
.aurora-ia,.aurora-ia *{max-width:100%}
.aurora-ia textarea,.aurora-ia button,.aurora-ia input{font:inherit}
.aurora-right,.aurora-left,.aurora-pergunta,.aurora-resposta-wrap,.aurora-checklist,.aurora-historico,.aurora-mentor-supremo,.aurora-mentor-supremo .aurora-card{width:100%}

.aurora-mentor-supremo .aurora-card summary{font-size:1rem;color:#e0f2fe}
.mentor-grid .aurora-quiz-opcao,.mentor-grid button{min-height:48px}
.aurora-missao-acoes{gap:.55rem}
.aurora-missao-acoes button{min-height:44px;padding:.65rem .75rem}

#aurora-mentor-resultado{min-height:120px;line-height:1.55;padding:.75rem .8rem}
#aurora-lab-input,#aurora-senior-answer,#aurora-duvida{width:100%;max-width:100%;min-height:132px;resize:vertical}

.aurora-pergunta .aurora-sugestoes{gap:.5rem}
.aurora-pergunta .aurora-sugestoes button{min-height:40px;line-height:1.25}
#aurora-perguntar{min-height:46px;font-weight:700}

.aurora-historico{max-height:250px;overflow:auto}
.aurora-historico li{line-height:1.45;margin-bottom:.3rem}

.aurora-progress-premium{height:12px;border-color:rgba(56,189,248,.55)}
.aurora-checklist ul{display:grid;gap:.45rem}
.aurora-checklist li{align-items:flex-start}
.aurora-checklist input[type="checkbox"]{margin-top:.15rem;inline-size:18px;block-size:18px;accent-color:#22d3ee}
.aurora-nivel{font-weight:700;color:#7dd3fc}

@media (max-width:900px){
  .aurora-ia{
    grid-template-columns:1fr;
    width:100%;
    max-width:100%;
    overflow-x:hidden;
  }
  .aurora-right{
    order:0;
    justify-items:center;
  }
  .aurora-avatar{
    width:min(100%,360px);
    margin-inline:auto;
  }
  .aurora-avatar-bubble{
    width:100%;
    text-align:center;
    overflow-wrap:anywhere;
  }
}

@media (max-width:768px){
  .aurora-ia,.aurora-right,.aurora-left{width:100%;max-width:100%}
  .aurora-modos{grid-template-columns:1fr 1fr;gap:.6rem}
  .mentor-grid{grid-template-columns:1fr 1fr}
  .mentor-grid button,.aurora-modos button{min-height:48px;padding:.68rem .6rem;font-size:.9rem}
  .aurora-missao-acoes{display:grid;grid-template-columns:1fr;gap:.6rem}
  .aurora-missao-acoes button{width:100%}
  #aurora-mentor-resultado{min-height:140px}
  #aurora-lab-input,#aurora-senior-answer,#aurora-duvida{min-height:150px}
}

@media (max-width:560px){
  .container{width:min(100% - 16px,1180px)}
  .aurora-ia{padding:.85rem}
  .aurora-modos,.mentor-grid,.aurora-quiz-opcoes{grid-template-columns:1fr}
  .aurora-pergunta .aurora-sugestoes{display:grid;grid-template-columns:1fr}
  .aurora-pergunta .aurora-sugestoes button{width:100%}
  .aurora-avatar{padding:.75rem}
  .aurora-helmet{width:118px;height:118px}
}