.ppj-panel{--ppj-bg:#f6f9ff;--ppj-tile:#fff;--ppj-line:#e2eaf6;--ppj-ink:#0b1220;--ppj-body:#4a5b75;--ppj-accent:#2a63dc;--ppj-ring:#2e6ff2;--ppj-fill:#fff;--ppj-halo:#eaf1fe;--ppj-badge:#1b4fb8;--ppj-badge-line:#c4d8f8;background:var(--ppj-bg);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-translate-x:0;--tw-exit-translate-y:0;border:0;border-radius:28px;outline:none;flex-direction:column;gap:26px;height:fit-content;font-family:Onest,system-ui,sans-serif;position:fixed;transform:none;box-shadow:0 40px 80px -40px #0b122059;width:min(520px,calc(100vw - 24px - env(safe-area-inset-left) - env(safe-area-inset-right)))!important;max-width:520px!important;inset:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left))!important;margin:auto!important;padding:36px 24px 24px!important;display:flex!important;translate:none!important}.dark .ppj-panel{--ppj-bg:#0d1730;--ppj-tile:#070d22;--ppj-line:#1e3060;--ppj-ink:#eef3ff;--ppj-body:#a9b8d3;--ppj-accent:#8fc2ff;--ppj-fill:#0d1730;--ppj-halo:#14244a;--ppj-badge:#8fc2ff;--ppj-badge-line:#1e3060}.ppj-panel>button.absolute{border:1px solid var(--ppj-line);opacity:1;border-radius:50%;outline:none;place-items:center;width:44px;height:44px;display:grid;top:18px;right:18px;background:var(--ppj-tile)!important;color:var(--ppj-ink)!important;box-shadow:none!important}.ppj-panel>button.absolute:focus-visible{outline-offset:2px;outline:3px solid var(--ppj-ring)!important}.ppj-panel>button.absolute svg{stroke-width:2px;width:18px;height:18px}.ppj-panel .ppj-head{text-align:center;flex-direction:column;align-items:center;gap:10px;width:100%;margin:0;padding:0 40px;display:flex}.ppj-eyebrow{letter-spacing:0;color:var(--ppj-accent);text-transform:uppercase;font-size:12px;font-weight:600}.ppj-title{letter-spacing:0;color:var(--ppj-ink);overflow-wrap:anywhere;margin:0;font-family:inherit;font-size:38px;font-weight:900;line-height:1.1}.ppj-sub{color:var(--ppj-body);margin:0;font-size:15px;line-height:1.5}.ppj-panel .ppj-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;display:grid}.ppj-grid>.ppj-tile:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.ppj-tile{text-align:center;background:var(--ppj-tile);border:1px solid var(--ppj-line);min-width:0;min-height:230px;color:var(--ppj-ink);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:26px 16px 22px;text-decoration:none;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex;position:relative}.ppj-tile:hover,.ppj-tile:focus-visible{border-color:var(--ppj-ring);transform:translateY(-2px);box-shadow:0 20px 40px -24px #1b4fb866}.ppj-tile:focus-visible{outline:3px solid var(--ppj-ring);outline-offset:3px}@media(prefers-reduced-motion:reduce){.ppj-tile,.ppj-tile:hover,.ppj-tile:focus-visible{transition:none;transform:none}}.ppj-roundel{border:3px solid var(--ppj-ring);background:var(--ppj-fill);width:84px;height:84px;color:var(--ppj-accent);box-shadow:0 0 0 6px var(--ppj-halo);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.ppj-roundel svg{width:40px;height:40px}.ppj-tile-title{letter-spacing:0;color:var(--ppj-ink);overflow-wrap:anywhere;margin-top:4px;font-size:18px;font-weight:700;line-height:1.25}.ppj-tile-text{color:var(--ppj-body);margin:0;font-size:13px;line-height:1.45}.ppj-badge{letter-spacing:0;color:var(--ppj-badge);border:1px solid var(--ppj-badge-line);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:12px;right:12px}@media(max-width:419px){.ppj-panel{padding:36px 16px 18px!important}.ppj-panel .ppj-head{padding:0 40px}.ppj-title{font-size:32px}.ppj-tile{min-height:200px;padding:20px 12px 18px}.ppj-roundel{width:72px;height:72px}.ppj-roundel svg{width:34px;height:34px}.ppj-tile-title{font-size:16px}}@media(max-height:760px){.ppj-panel{gap:16px;padding:28px 16px 16px!important}.ppj-panel .ppj-head{gap:6px;padding:0 36px}.ppj-title{font-size:28px}.ppj-sub{font-size:14px;line-height:1.35}.ppj-tile{gap:8px;min-height:180px;padding:28px 10px 14px}.ppj-roundel{width:60px;height:60px;box-shadow:0 0 0 4px var(--ppj-halo)}.ppj-roundel svg{width:30px;height:30px}.ppj-tile-title{margin-top:2px;font-size:16px}.ppj-tile-text{font-size:12px;line-height:1.35}.ppj-panel>button.absolute{top:10px;right:10px}}@media(max-height:600px){.ppj-panel{border-radius:20px;gap:12px;padding:16px 12px 12px!important}.ppj-panel .ppj-head{gap:4px}.ppj-title{font-size:24px}.ppj-eyebrow{font-size:11px}.ppj-sub{font-size:12px}.ppj-panel .ppj-grid{gap:10px}.ppj-tile{border-radius:16px;gap:6px;min-height:154px;padding:26px 8px 10px}.ppj-roundel{width:48px;height:48px}.ppj-roundel svg{width:26px;height:26px}.ppj-tile-title{font-size:14px}.ppj-badge{padding:1px 6px;top:6px;right:6px}}@media(max-height:450px){.ppj-panel{gap:8px;padding:10px 12px!important}.ppj-panel .ppj-head{gap:2px}.ppj-title{font-size:22px}.ppj-tile{gap:4px;min-height:118px;padding:20px 8px 6px}.ppj-roundel{width:36px;height:36px;box-shadow:0 0 0 2px var(--ppj-halo)}.ppj-roundel svg{width:22px;height:22px}.ppj-tile-text{font-size:11px}}
