.module-card.peripherals,.download-card.peripherals{border-top-color:#ec4899}.per-hero{padding:7rem max(6vw,2rem) 5rem;background:radial-gradient(circle at 85% 25%,#4b1746 0,transparent 32%),#0b1220;color:#fff}.per-hero h1{font-size:clamp(3rem,7vw,6rem);line-height:.93;margin:.7rem 0 1.5rem}.per-hero h1 span{color:#00c2d7}.per-hero>p:last-child{max-width:46rem;font-size:1.2rem}.per-tabs{display:flex;gap:.7rem;padding:2rem max(6vw,2rem) 0;background:#f3f6f8;flex-wrap:wrap}.per-tabs button{border:0;border-radius:.7rem;background:#d8e0e7;padding:.9rem 1.2rem;font-weight:800;cursor:pointer}.per-tabs button.active{background:#0b1220;color:#fff}.per-panel{display:none;grid-template-columns:1.45fr 1fr;gap:2rem;padding:3rem max(6vw,2rem) 5rem;background:#f3f6f8}.per-panel.active{display:grid}.per-panel>div,.per-panel>aside{background:#fff;padding:2rem;border-radius:1.2rem;box-shadow:0 12px 30px #0b122014}.per-answers{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:1.5rem 0}.per-answers button,.pixel-buttons button{padding:1rem;border:2px solid #d8e0e7;background:#fff;border-radius:.7rem;font-weight:800;cursor:pointer}.per-answers button.correct{border-color:#2cc970;background:#dff8e9}.per-answers button.wrong{border-color:#f04452;background:#ffe5e8}.per-feedback{min-height:2rem;font-weight:700}.display-advice{margin-top:1rem;background:#e5f9fc;border-left:5px solid #00c2d7;padding:1.2rem;font-weight:700}.pixel-buttons{display:flex;gap:.6rem;flex-wrap:wrap}.pixel-warning{border-top:6px solid #f04452}.pixel-warning h3{color:#f04452}#pixelOverlay{position:fixed;inset:0;z-index:9999;cursor:pointer}kbd{background:#0b1220;color:#fff;padding:.2rem .45rem;border-radius:.3rem}@media(max-width:800px){.per-panel{grid-template-columns:1fr}.per-answers{grid-template-columns:1fr}}