.v2x.pdx{--pdx-indigo:#6366F1;--pdx-glow:0 24px 60px -24px rgba(79,70,229,.4)}
.v2x.pdx .pdx-hero{position:relative;display:grid;grid-template-columns:1.4fr .8fr;gap:28px;align-items:center;background:linear-gradient(135deg,#f6f9ff,#eef2ff);border:1px solid #e4ecff;border-radius:28px;padding:34px;overflow:hidden;margin-bottom:22px}
.v2x.pdx .pdx-logo{width:88px;height:88px;border-radius:22px;background:#fff;border:1px solid var(--v2-line);object-fit:contain;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:2rem;color:var(--brand-blue);box-shadow:var(--shadow-md)}
.v2x.pdx .pdx-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:18px}
.v2x.pdx .pdx-stat{background:rgba(255,255,255,.7);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.8);border-radius:14px;padding:12px;text-align:center}
.v2x.pdx .pdx-stat .n{font-weight:800;color:var(--v2-ink)}
.v2x.pdx .pdx-stat .l{font-size:.7rem;color:var(--v2-muted)}
.v2x.pdx .pdx-crystal{position:relative;height:210px;display:flex;align-items:center;justify-content:center}
.v2x.pdx .pdx-crystal .core{width:120px;height:120px;border-radius:28px;background:linear-gradient(135deg,var(--brand-blue),var(--pdx-indigo));box-shadow:var(--pdx-glow);display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.6rem;transform:rotate(-8deg)}
@media (max-width:880px){.v2x.pdx .pdx-hero{grid-template-columns:1fr}.v2x.pdx .pdx-crystal{display:none}.v2x.pdx .pdx-stats{grid-template-columns:repeat(3,1fr)}}
.v2x.pdx .pdx-grid{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}
.v2x.pdx .pdx-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:16px}
@media (max-width:991px){.v2x.pdx .pdx-grid{grid-template-columns:1fr}.v2x.pdx .pdx-side{position:static}}
.v2x.pdx .pdx-panel{background:#fff;border:1px solid var(--v2-line);border-radius:24px;padding:26px;box-shadow:var(--shadow-sm);scroll-margin-top:78px}
.v2x.pdx .pdx-panel h2{font-size:1.4rem;font-weight:800;margin:0 0 16px;display:flex;align-items:center;gap:10px}
.v2x.pdx .pdx-panel h2 i{color:var(--brand-blue)}
.v2x.pdx .pdx-hl{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
@media (max-width:760px){.v2x.pdx .pdx-hl{grid-template-columns:1fr 1fr}}
.v2x.pdx .pdx-hl .it{display:flex;gap:11px;align-items:flex-start;padding:14px;border-radius:14px;background:var(--v2-accent-soft2)}
.v2x.pdx .pdx-hl .ic{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--brand-blue),var(--pdx-indigo));color:#fff;display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.v2x.pdx .pdx-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.v2x.pdx .pdx-cc{position:relative;border:1px solid var(--v2-line);border-radius:18px;background:#fff;overflow:hidden;transition:all .2s}
.v2x.pdx .pdx-cc:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:#cfe0fb}
.v2x.pdx .pdx-cc .top{aspect-ratio:16/9;background:linear-gradient(135deg,#eef2ff,#e0e7ff);display:flex;align-items:center;justify-content:center;color:var(--brand-blue);font-weight:800}
.v2x.pdx .pdx-cc .top img{width:100%;height:100%;object-fit:cover}
.v2x.pdx .pdx-cardlink{position:absolute;inset:0;z-index:1;font-size:0}
.v2x.pdx .pdx-dir{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:start}
@media (max-width:760px){.v2x.pdx .pdx-dir{grid-template-columns:1fr}}
.v2x.pdx .pdx-fgrp{padding:12px 0;border-top:1px solid var(--v2-line)}
.v2x.pdx .pdx-fgrp:first-child{border-top:0;padding-top:0}
.v2x.pdx .pdx-fgrp .t{font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--v2-muted);margin-bottom:8px}
.v2x.pdx .pdx-chk{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:.88rem;cursor:pointer}
.v2x.pdx .pdx-chk input{accent-color:var(--brand-blue)}
.v2x.pdx .pdx-path{border:1px solid var(--v2-line);border-radius:18px;padding:18px;background:#fff;box-shadow:var(--shadow-sm)}
.v2x.pdx .pdx-path .tier{font-weight:800;color:var(--brand-blue);margin-bottom:8px}
.v2x.pdx .pdx-path .step{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px dashed var(--v2-line);font-size:.88rem}
.v2x.pdx .pdx-path .step:first-of-type{border-top:0}
.v2x.pdx .pdx-skill{display:inline-flex;font-size:.85rem;font-weight:600;color:var(--brand-blue-dark);background:var(--v2-accent-soft);padding:7px 14px;border-radius:999px;margin:0 8px 8px 0;text-decoration:none}
.v2x.pdx .pdx-skill:hover{background:var(--brand-blue);color:#fff;text-decoration:none}
.v2x.pdx .pdx-revbig{font-size:3rem;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--brand-blue),var(--pdx-indigo));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.v2x.pdx .pdx-rr{display:flex;align-items:center;gap:10px;font-size:.8rem;margin-bottom:4px}
.v2x.pdx .pdx-rr .v2-bar{flex:1}
.v2x.pdx .pdx-rel{display:flex;gap:14px;overflow-x:auto;padding-bottom:6px}
.v2x.pdx .pdx-relcard{flex:0 0 180px;border:1px solid var(--v2-line);border-radius:16px;background:#fff;padding:14px;text-align:center;box-shadow:var(--shadow-sm);text-decoration:none;transition:all .2s}
.v2x.pdx .pdx-relcard:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);text-decoration:none}
.v2x.pdx .pdx-rellogo{width:48px;height:48px;border-radius:13px;object-fit:contain;background:#fff;border:1px solid var(--v2-line);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--brand-blue);margin:0 auto 8px}
.v2x.pdx .pdx-seo{line-height:1.85;color:#39414d}
.v2x.pdx .pdx-seo p{margin:0 0 14px}
.v2x.pdx .pdx-fact{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--v2-line);font-size:.9rem}
.v2x.pdx .pdx-fact:last-child{border-bottom:0}
/* ── DARK MODE — follows body.theme-dark ── */
body.theme-dark .v2x.pdx .pdx-hero{background:linear-gradient(135deg,#191b26,#16182a);border-color:#2A2D3A}
body.theme-dark .v2x.pdx .pdx-logo{background:#171922}
body.theme-dark .v2x.pdx .pdx-stat{background:rgba(23,25,34,.84);border-color:#2A2D3A}
body.theme-dark .v2x.pdx .pdx-panel{background:#171922}
body.theme-dark .v2x.pdx .pdx-cc{background:#171922}
body.theme-dark .v2x.pdx .pdx-cc:hover{border-color:#2A2D3A}
body.theme-dark .v2x.pdx .pdx-cc .top{background:linear-gradient(135deg,#1e2035,#1a1c30)}
body.theme-dark .v2x.pdx .pdx-path{background:#171922}
body.theme-dark .v2x.pdx .pdx-relcard{background:#171922}
body.theme-dark .v2x.pdx .pdx-rellogo{background:#171922}
body.theme-dark .v2x.pdx .pdx-seo{color:#9CA2B3}
body.theme-dark .v2x.pdx .pdx-fgrp .form-control{background:#20242f;border-color:#2A2D3A;color:#E7E9F0}
body.theme-dark .v2x.pdx .pdx-fgrp .form-control::placeholder{color:#9CA2B3}