.px{font-family:'Press Start 2P',monospace;font-size:10px;letter-spacing:.5px;line-height:1.8}
.pw,.pf{max-width:1080px;margin:auto;padding:0 20px}
.phead{position:fixed;inset:0 0 auto;z-index:99;background:#070b1ae6;backdrop-filter:blur(10px);border-bottom:2px solid #1f2a55}
.phead .pw{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.plogo{display:flex;align-items:center;gap:10px;font:800 19px 'Bricolage Grotesque',sans-serif;color:#e8ecff!important;text-decoration:none}
.plogo img{width:40px;height:40px;border-radius:10px;background:#fff2;border:2px solid #ffb81c;object-fit:cover}
.plogo b{color:#ffb81c}
.pnav{display:flex;gap:22px;font-weight:600;font-size:14px}
.pnav a{color:#9aa6d6;text-decoration:none}.pnav a:hover,.pnav a.on{color:#ffb81c}
.pbtn{display:inline-block;background:#ffb81c;color:#111!important;font-weight:700;padding:9px 16px;border-radius:6px;border:2px solid #111;box-shadow:4px 4px 0 #2b7fff;font-size:14px;text-decoration:none;transition:.15s}
.pbtn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #2b7fff}
footer.pfoot{border-top:2px solid #1f2a55;background:#05081a;padding:46px 0 22px;text-align:left;color:#9aa6d6;font-size:14px;display:block}
.pfoot .pg{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px}
.pfoot p{margin:14px 0 0;line-height:1.6}
.pfoot h4{color:#ffb81c;margin:0 0 14px;font-weight:400}
.pfoot .pg a:not(.plogo){display:block;color:#9aa6d6;text-decoration:none;padding:3px 0}
.pfoot .pg a:not(.plogo):hover{color:#ffb81c}
.pfoot .pb{border-top:2px solid #1f2a55;margin-top:30px;padding-top:18px;text-align:center}
@media(max-width:820px){.pfoot .pg{grid-template-columns:1fr 1fr}.phead .pw{height:auto;flex-wrap:wrap;padding-top:8px;padding-bottom:8px;gap:8px 12px}.pnav{order:3;width:100%;overflow-x:auto;white-space:nowrap;gap:18px;padding-bottom:4px}}
@media(max-width:520px){.pfoot .pg{grid-template-columns:1fr}}