.xp-page{max-width:1200px;margin:32px auto;color:#14263b;padding:0 16px;line-height:1.6}
.xp-page h1,.xp-page h2,.xp-page h3{line-height:1.15;margin:0 0 16px;color:inherit}
.xp-page h2{font-size:clamp(1.8rem,3vw,2.6rem)}
.xp-page p{margin:0 0 20px}.xp-page a:focus-visible,.xp-page input:focus-visible{outline:3px solid #d45a00;outline-offset:5px}
.xp-hero{position:relative;overflow:hidden;border-radius:28px;background:#10243b;color:#fff;padding:48px;min-height:370px;border:1px solid #49617a}
.xp-hero h1{font-size:clamp(2.4rem,5vw,4rem);max-width:740px;letter-spacing:-.04em}.xp-hero h1 span{color:#ffb643}.xp-hero>p{max-width:640px}.xp-kicker{display:block;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;margin-bottom:12px}
.xp-hero>.xp-kicker{color:#ffd28b}.xp-jump{display:flex;flex-wrap:wrap;gap:10px}.xp-jump a{color:#fff;text-decoration:none;border:1px solid #64738a;border-radius:24px;padding:9px 16px;background:#ffffff08}
.xp-jump a:hover{background:#ffffff20}.xp-hero-medals{position:absolute;right:30px;top:70px;width:220px;transform:rotate(8deg)}.xp-hero-medals img{object-fit:contain;filter:drop-shadow(0 12px 15px #0005)}.xp-hero-medals img:last-child{position:absolute;right:-12px;bottom:-20px;transform:rotate(-18deg)}.xp-hero-medals span{position:absolute;right:0;top:-15px;background:#ffb643;color:#10243b;padding:5px 14px;border-radius:15px;font-weight:800}
.xp-section{background:#fffaf1;border-radius:24px;padding:38px;margin-top:20px;scroll-margin-top:100px}.xp-section>.xp-kicker{color:#8a4600}.xp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.xp-steps b{display:inline-block;font-size:2rem;color:#9e5200;margin-bottom:12px}.xp-steps h3{font-size:1.2rem}.xp-steps p{margin:0}
.xp-level-grid{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:0;margin:24px 0}.xp-level-grid li{background:white;border:1px solid #e7ded0;border-radius:18px;padding:18px 12px;text-align:center;transition:transform .2s}.xp-level-grid li:hover{transform:translateY(-5px)}.xp-level-grid img{width:100%;height:150px;object-fit:contain}.xp-level-grid h3{font-size:1.05rem;margin:12px 0}.xp-level-grid strong{font-size:.85rem;color:#754600}.xp-level-grid p{font-size:.9rem;margin:12px 0 0}.xp-pill{display:inline-block;border-radius:20px;background:#10243b;color:white;padding:3px 12px;font-size:.75rem;font-weight:800}.xp-note{border-left:4px solid #ffb643;padding:12px 18px;background:#fff;margin-bottom:0!important}
.xp-badge-section{background:#edf5f5}.xp-badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}.xp-badge-grid article{display:flex;align-items:center;gap:20px;padding:20px;background:#fff;border-radius:18px}.xp-badge-grid img{width:110px;height:110px;object-fit:contain;flex-shrink:0}.xp-badge-grid h3{font-size:1.2rem;margin-bottom:10px}.xp-badge-grid p{font-size:.95rem;margin:0}.xp-badge-grid .xp-kicker{color:#426365;margin-bottom:6px}
.xp-lab{background:#fff}.xp-lab-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px}.xp-sliders label{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:18px;font-weight:700}.xp-sliders input{grid-column:1/-1;width:100%;accent-color:#a95300;cursor:pointer;min-height:28px}.xp-sliders output{color:#805000;font-variant-numeric:tabular-nums}.xp-result{background:#10243b;border-radius:20px;padding:24px;text-align:center;color:#fff;align-self:start}.xp-result>img{object-fit:contain}.xp-result p{font-size:1.15rem;font-weight:700;margin:10px 0 20px}.xp-mini-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:14px}.xp-mini-badges img{object-fit:contain;transition:opacity .2s}.xp-mini-badges .is-locked{opacity:.25;filter:grayscale(1)}.xp-result small{color:#d4e3f1}.xp-next{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px}.xp-next p:last-child{font-size:.9rem;margin:0}.xp-actions{display:flex;flex-direction:column;gap:14px}.xp-actions a{background:#10243b;color:#fff;border-radius:24px;text-align:center;text-decoration:none;padding:12px 20px}.xp-actions a:last-child{background:none;color:#14263b;text-decoration:underline}
@media(min-width:1000px){.xp-hero>p{max-width:70%}.xp-hero h1{max-width:75%}}
@media(max-width:999px){.xp-hero-medals{display:none}.xp-level-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.xp-badge-grid{grid-template-columns:1fr}}
@media(max-width:600px){.xp-page{margin:16px auto;padding:0 10px}.xp-hero,.xp-section{padding:24px 20px;border-radius:20px}.xp-steps,.xp-lab-layout,.xp-next{grid-template-columns:1fr;gap:24px}.xp-level-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-level-grid img{height:125px}.xp-badge-grid article{gap:12px;padding:16px}.xp-badge-grid img{width:78px;height:90px}.xp-jump a{font-size:.9rem}.xp-actions{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.xp-level-grid li,.xp-mini-badges img{transition:none}.xp-level-grid li:hover{transform:none}}