*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#29234b,transparent 38%),radial-gradient(circle at 10% 30%,#12303b,transparent 30%),#080d1b;color:#f6f8ff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}header{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:28px;padding:12px 5%;background:#080d1bdd;backdrop-filter:blur(15px);border-bottom:1px solid #ffffff16}.brand{font-weight:900;display:flex;align-items:center;gap:10px}.brand b{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#7857ff,#a98cff);font-size:11px}nav{display:flex;gap:22px;margin-left:auto;color:#9ba8c2;font-size:14px}.xp{padding:9px 14px;border:1px solid #ffffff16;border-radius:99px;background:#111a2d;font-weight:800}main{max-width:1240px;margin:auto}.hero{min-height:570px;padding:80px 5%;display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.hero small,section small,.modalbox small{color:#28d8a8;font-size:11px;font-weight:900;letter-spacing:.15em}.hero h1{font-size:clamp(44px,6vw,74px);line-height:.98;letter-spacing:-.05em;margin:12px 0 25px}.hero em{font-style:normal;color:transparent;background:linear-gradient(90deg,#fff,#28d8a8);background-clip:text}.hero p{max-width:650px;color:#9ba8c2;font-size:18px;line-height:1.6}.btn{display:inline-flex;justify-content:center;border:0;border-radius:13px;padding:13px 20px;background:linear-gradient(135deg,#7857ff,#5b43d5);color:white;font-weight:900;cursor:pointer;margin-top:15px}.card{padding:34px;border-radius:27px;background:linear-gradient(155deg,#18233b,#111a2d);border:1px solid #ffffff16}.card>strong{display:block;font-size:100px;line-height:1;margin:15px 0}.stat{display:flex;justify-content:space-between;color:#9ba8c2;font-size:13px}.stat b{color:white}.bar{height:10px;background:#070b15;border-radius:99px;margin-top:10px;overflow:hidden}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#7857ff,#28d8a8)}section{padding:65px 5%}.heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.heading h2{font-size:38px;margin:5px 0}.heading p{color:#9ba8c2}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.subject{min-height:180px;padding:22px;border-radius:20px;background:#111a2d;border:1px solid #ffffff16;cursor:pointer;position:relative}.subject:hover{transform:translateY(-3px);border-color:#7857ff}.icon{width:49px;height:49px;display:grid;place-items:center;border-radius:15px;background:#7857ff22;font-size:22px;margin-bottom:28px}.subject p{color:#9ba8c2;font-size:13px}.arrow{position:absolute;right:20px;bottom:20px;color:#28d8a8}.ranking{background:#111a2d;border:1px solid #ffffff16;border-radius:20px;overflow:hidden}.row{display:grid;grid-template-columns:55px 1fr 90px;padding:17px 22px;border-bottom:1px solid #ffffff10}.head{color:#9ba8c2;font-size:11px;text-transform:uppercase}.rankxp{text-align:right;color:#ffd166;font-weight:900}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:#02050dcc;backdrop-filter:blur(8px)}.hidden{display:none}.modalbox{width:min(700px,100%);max-height:90vh;overflow:auto;position:relative;padding:30px;background:#111a2d;border:1px solid #ffffff16;border-radius:25px}.close{position:absolute;right:15px;top:8px;background:none;border:0;color:#9ba8c2;font-size:31px;cursor:pointer}.modalbox h2{font-size:31px;margin:6px 0}.modalbox>p{color:#9ba8c2}.levels{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}.level{padding:17px;text-align:left;background:#18233b;color:white;border:1px solid #ffffff12;border-radius:14px;cursor:pointer}.level:hover{border-color:#7857ff}.level span{display:block;color:#9ba8c2;font-size:12px;margin-top:5px}.answers{display:grid;gap:10px}.answer{display:block;width:100%;padding:15px;text-align:left;background:#18233b;color:white;border:1px solid #ffffff12;border-radius:13px;cursor:pointer}.answer:hover:not(:disabled){border-color:#7857ff}.answer.selected{border-color:#28d8a8}.answer.correct{border-color:#28d8a8;background:#28d8a814}.answer.wrong{border-color:#ff7180;background:#ff718014}.full{width:100%}button:disabled{opacity:.45;cursor:not-allowed}#feedback{min-height:25px;margin-top:10px}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;background:white;color:#080d1b;padding:12px 17px;border-radius:12px;font-weight:900;transition:.2s}#toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.hero{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){header{flex-wrap:wrap}nav{order:3;width:100%;justify-content:center}.grid{grid-template-columns:1fr}.levels{grid-template-columns:repeat(2,1fr)}.heading{display:block}}
.ai-loading{padding:24px;border:1px dashed #7857ff66;border-radius:15px;background:#7857ff0d;color:#9ba8c2;text-align:center}.ai-loading span{display:inline-grid;place-items:center;width:28px;height:28px;margin-right:8px;border-radius:50%;background:#7857ff22;color:#28d8a8;font-weight:900;animation:apjPulse 1s infinite alternate}@keyframes apjPulse{to{transform:scale(1.12);opacity:.65}}#feedback b{color:#28d8a8}

/* === Quiz neon / identidade gamificada === */
#quizModal{background:radial-gradient(circle at 50% 35%,#161b3bcc,transparent 58%),#02040ddd;}
#quizModal .modalbox{
  background:linear-gradient(145deg,#101a31f5,#0a1225f5);
  border:1px solid #7857ff99;
  box-shadow:0 0 0 1px #28d8a822,0 0 24px #7857ff55,0 0 70px #28d8a822,inset 0 0 35px #7857ff0d;
}
#quizModal .modalbox:before{
  content:"";position:absolute;inset:0;border-radius:25px;pointer-events:none;
  background:linear-gradient(120deg,#7857ff22,transparent 30%,#28d8a814 70%,transparent);
}
#quizModal #quizSubject{color:#28d8a8;text-shadow:0 0 12px #28d8a899;}
#quizModal #quizTitle{color:#fff;text-shadow:0 0 18px #7857ff66;}
#quizModal #questionText{
  position:relative;padding:24px 22px;margin:22px 0 18px;border-radius:18px;
  background:linear-gradient(145deg,#18284a,#101b34);
  border:1px solid #7857ff88;
  box-shadow:0 0 18px #7857ff2e,inset 0 0 22px #28d8a80b;
  line-height:1.45;
}
#quizModal .answer{
  position:relative;overflow:hidden;
  background:linear-gradient(145deg,#162540,#101a30);
  border:1px solid #7857ff55;
  box-shadow:0 0 10px #7857ff12,inset 0 0 12px #ffffff03;
  transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease;
}
#quizModal .answer:hover:not(:disabled){
  transform:translateY(-2px);
  border-color:#28d8a8;
  box-shadow:0 0 15px #28d8a855,0 0 30px #7857ff22;
}
#quizModal .answer.selected{
  border-color:#28d8a8;
  box-shadow:0 0 16px #28d8a866,inset 0 0 18px #28d8a812;
}
#quizModal .answer.correct{
  border-color:#28d8a8;
  background:linear-gradient(145deg,#123c3b,#102b30);
  box-shadow:0 0 18px #28d8a877,inset 0 0 18px #28d8a81a;
}
#quizModal .answer.wrong{
  border-color:#ff7180;
  background:linear-gradient(145deg,#3a1b32,#291625);
  box-shadow:0 0 18px #ff718055,inset 0 0 18px #ff718012;
}
#quizModal #nextQuestion.btn{box-shadow:0 0 18px #7857ff55,0 0 35px #7857ff22;}
#quizModal #feedback{padding:10px 2px;color:#b9c4da;line-height:1.5;}
#quizModal #feedback b{color:#28d8a8;text-shadow:0 0 10px #28d8a877;}