.dnaMain{max-width:1240px;margin:auto;padding:34px clamp(18px,4vw,52px) 70px}.dnaHero{background:var(--navy);color:#fff;border-radius:20px;justify-content:space-between;align-items:center;gap:28px;padding:36px 38px;display:flex}.dnaHero p,.dnaHead p{letter-spacing:.15em;color:#78b2ff;margin:0 0 9px;font-size:.7rem;font-weight:850}.dnaHero h1{letter-spacing:-.045em;margin:0 0 9px;font-size:clamp(2rem,4vw,3rem)}.dnaHero>div>span{color:#b9c9dc}.dnaHero aside{text-align:center;background:#102c51;border:1px solid #315077;border-radius:16px;gap:4px;min-width:175px;padding:20px;display:grid}.dnaHero aside small,.dnaHero aside span{color:#aabdd4}.dnaHero aside strong{font-size:2.2rem}.dnaStats{grid-template-columns:repeat(4,1fr);gap:14px;margin:16px 0;display:grid}.dnaStats article,.dnaPanel{border:1px solid var(--line);background:#fff;border-radius:15px}.dnaStats article{gap:5px;padding:19px;display:grid}.dnaStats span{color:var(--muted);font-size:.78rem;font-weight:700}.dnaStats strong{font-size:1.65rem}.dnaRecommendation{background:#eaf3ff;border:1px solid #c8dcf7;border-radius:15px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:16px;padding:22px;display:flex}.dnaRecommendation small{letter-spacing:.13em;color:var(--blue);font-size:.68rem;font-weight:850}.dnaRecommendation h2{margin:5px 0}.dnaRecommendation p{color:var(--muted);margin:0}.dnaRecommendation a,.dnaEmpty a{background:var(--blue);color:#fff;white-space:nowrap;border-radius:9px;padding:11px 16px;font-weight:800}.dnaPanel{margin-top:16px;padding:22px}.dnaHead{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.dnaHead h2{margin:0}.dnaHead>span{color:var(--muted);font-size:.8rem}.dnaSkills{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.dnaSkills article{border:1px solid var(--line);border-radius:12px;padding:16px}.dnaSkills header,.dnaSkills footer{justify-content:space-between;align-items:center;gap:10px;display:flex}.dnaSkills header>span{color:var(--blue);font-size:.7rem;font-weight:850}.dnaSkills em{border-radius:99px;padding:5px 8px;font-size:.68rem;font-style:normal;font-weight:850}.dnaSkills em.strong{color:#087b55;background:#e8f8f2}.dnaSkills em.growing{color:#8a6200;background:#fff7dd}.dnaSkills em.priority{color:#aa3028;background:#feeceb}.dnaSkills em.empty{color:#65758b;background:#edf1f6}.dnaSkills h3{margin:12px 0;font-size:.98rem}.dnaBar{background:#e8edf4;border-radius:99px;height:7px;overflow:hidden}.dnaBar i{background:var(--blue);border-radius:inherit;height:100%;display:block}.dnaSkills footer{margin-top:10px}.dnaSkills footer span{color:var(--muted);font-size:.72rem}.dnaAttempts{display:grid}.dnaAttempts article{border-bottom:1px solid #edf1f6;grid-template-columns:1fr auto auto;align-items:center;gap:18px;padding:14px 4px;display:grid}.dnaAttempts article:last-child{border:0}.dnaAttempts div{gap:4px;display:grid}.dnaAttempts small,.dnaAttempts span{color:var(--muted);font-size:.78rem}.dnaAttempts strong{color:var(--blue);font-size:1.15rem}.dnaEmpty,.dnaLoading{text-align:center;color:var(--muted);place-items:center;gap:10px;padding:50px;display:grid}.dnaEmpty b,.dnaLoading b{color:var(--ink)}.dnaEmpty a{margin-top:8px}.dnaLoading{min-height:300px}.dnaLoading p{margin:0}@media (max-width:800px){.dnaStats{grid-template-columns:1fr 1fr}.dnaSkills{grid-template-columns:1fr}.dnaHead{display:grid}}@media (max-width:580px){.dnaHero{padding:26px;display:grid}.dnaHero aside{width:100%}.dnaStats{grid-template-columns:1fr 1fr}.dnaRecommendation{flex-direction:column;align-items:flex-start}.dnaAttempts article{grid-template-columns:1fr auto}.dnaAttempts article>span{grid-column:1/-1}}.diagnosticResultPanel{background:#fff;border:1px solid #cfe0f5;border-radius:18px;margin-top:16px;overflow:hidden;box-shadow:0 14px 38px #0b498e12}.diagnosticResultSummary{color:#fff;background:linear-gradient(125deg,#082f70,#0b63ce);grid-template-columns:1fr auto;align-items:center;gap:24px;padding:24px;display:grid}.diagnosticResultSummary p{color:#9fcaff;letter-spacing:.13em;margin:0 0 6px;font-size:.68rem;font-weight:900}.diagnosticResultSummary h2{margin:0 0 7px}.diagnosticResultSummary>div>span{color:#d7e7fb}.diagnosticNumbers{grid-template-columns:repeat(3,110px);gap:9px;display:grid}.diagnosticNumbers article{text-align:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:13px;gap:4px;padding:12px;display:grid}.diagnosticNumbers small{color:#d7e7fb;font-size:.63rem}.diagnosticNumbers strong{font-size:1.35rem}.diagnosticSkillGrid{grid-template-columns:repeat(2,1fr);gap:12px;padding:22px;display:grid}.diagnosticSkillGrid article{border:1px solid #e2eaf5;border-radius:13px;gap:7px;padding:14px;display:grid}.diagnosticSkillGrid header{justify-content:space-between;gap:12px;font-size:.78rem;display:flex}.diagnosticSkillGrid header strong{color:#0b63ce}.diagnosticSkillGrid i{background:#e8eef6;border-radius:99px;height:7px;overflow:hidden}.diagnosticSkillGrid i em{border-radius:inherit;background:linear-gradient(90deg,#f89a32,#20a96f);height:100%;display:block}.diagnosticSkillGrid small{color:#68798e;font-size:.7rem}.diagnosticResultActions{justify-content:space-between;align-items:center;gap:14px;padding:0 22px 22px;display:flex}.diagnosticResultActions span{color:#12805a;font-size:.8rem;font-weight:800}.diagnosticResultActions a,.diagnosticUnlockAction a{color:#fff;background:#0b63ce;border-radius:10px;padding:10px 14px;font-weight:850}.diagnosticUnlockAction{align-items:center;gap:14px;padding:24px;display:flex}.diagnosticUnlockAction>span{background:#eaf3ff;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.diagnosticUnlockAction>div{flex:1;gap:3px;display:grid}.diagnosticUnlockAction small{color:#68798e}@media (max-width:800px){.diagnosticResultSummary{grid-template-columns:1fr}.diagnosticNumbers{grid-template-columns:repeat(3,1fr)}.diagnosticSkillGrid{grid-template-columns:1fr}}@media (max-width:560px){.diagnosticNumbers{grid-template-columns:1fr}.diagnosticNumbers article{text-align:left;grid-template-columns:1fr auto}.diagnosticResultActions,.diagnosticUnlockAction{flex-direction:column;align-items:stretch}.diagnosticResultActions a,.diagnosticUnlockAction a{text-align:center}}
