.pcd-shell {
    --pcd-accent: #248cff;
    --pcd-accent-strong: #126fda;
    --pcd-accent-soft: #55d9ff;
    --pcd-accent-rgb: 36, 140, 255;
    --pcd-bg: #020813;
    --pcd-surface: rgba(7, 25, 51, .82);
    --pcd-surface-strong: rgba(5, 19, 40, .95);
    --pcd-line: rgba(91, 184, 255, .25);
    --pcd-line-strong: rgba(105, 207, 255, .72);
    --pcd-text: #f7fbff;
    --pcd-muted: #9db2cb;
    --pcd-glow: rgba(36, 140, 255, .28);
    position: relative;
    isolation: isolate;
    overflow: hidden;
    color: var(--pcd-text);
    background: var(--pcd-bg);
}

.pcd-shell.pcd--sp {
    --pcd-accent: #b63cff;
    --pcd-accent-strong: #7e35ff;
    --pcd-accent-soft: #d98cff;
    --pcd-accent-rgb: 182, 60, 255;
    --pcd-bg: #08020e;
    --pcd-surface: rgba(18, 9, 25, .84);
    --pcd-surface-strong: rgba(15, 7, 21, .96);
    --pcd-line: rgba(194, 103, 255, .25);
    --pcd-line-strong: rgba(218, 132, 255, .72);
    --pcd-muted: #b8a9c2;
    --pcd-glow: rgba(158, 52, 255, .27);
}

.pcd-shell *,
.pcd-shell *::before,
.pcd-shell *::after { box-sizing: border-box; }

.pcd-shell > section,
.pcd-shell #faq,
.pcd-shell #article {
    color: var(--pcd-text);
}

.pcd-shell .container {
    width: min(1380px, calc(100% - 48px));
    max-width: none;
    margin-inline: auto;
}

.pcd-shell .ip--category {
    position: relative;
    min-height: 0 !important;
    padding: clamp(132px, 9vw, 158px) 0 46px !important;
    overflow: hidden;
    border: 0 !important;
    border-bottom: 1px solid var(--pcd-line) !important;
    background:
        radial-gradient(circle at 78% 20%, rgba(var(--pcd-accent-rgb), .2), transparent 27%),
        radial-gradient(circle at 9% 82%, rgba(var(--pcd-accent-rgb), .1), transparent 26%),
        linear-gradient(125deg, #030a17 0%, #071b39 54%, #051328 100%) !important;
}

.pcd--sp .ip--category {
    background:
        radial-gradient(circle at 80% 22%, rgba(var(--pcd-accent-rgb), .19), transparent 28%),
        radial-gradient(circle at 8% 84%, rgba(var(--pcd-accent-rgb), .07), transparent 26%),
        linear-gradient(125deg, #08020e 0%, #14051f 55%, #09020e 100%) !important;
}

.pcd-shell .ip--category::before {
    content: "";
    position: absolute;
    inset: 38% -15% -78%;
    pointer-events: none;
    opacity: .25;
    background-image: linear-gradient(var(--pcd-line) 1px, transparent 1px), linear-gradient(90deg, var(--pcd-line) 1px, transparent 1px);
    background-size: 68px 68px;
    transform: perspective(520px) rotateX(64deg) scale(1.25);
    transform-origin: center bottom;
    -webkit-mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 78%, transparent);
    mask-image: linear-gradient(to bottom, transparent, #000 22%, #000 78%, transparent);
}

.pcd-shell .ip--category::after {
    display: none !important;
    content: none !important;
    background: none !important;
    opacity: 0 !important;
}

.pcd-shell .intro--head.ftx {
    position: relative;
    z-index: 1;
    max-width: 1120px;
    display: grid !important;
    grid-template-columns: 82px minmax(0, 1fr);
    align-items: center;
    gap: 28px;
    text-align: left !important;
}

.pcd-shell .intro--head.ftx > .icon {
    width: 82px !important;
    height: 82px !important;
    min-width: 82px;
    display: grid !important;
    place-items: center;
    margin: 0 !important;
    border: 1px solid rgba(var(--pcd-accent-rgb), .7) !important;
    border-radius: 24px !important;
    color: #eefaff !important;
    background: linear-gradient(135deg, rgba(255,255,255,.11), rgba(var(--pcd-accent-rgb),.045) 46%, rgba(2,9,20,.3)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 0 26px rgba(var(--pcd-accent-rgb),.1), 0 0 30px rgba(var(--pcd-accent-rgb),.28), 0 18px 42px rgba(0,0,0,.32);
    -webkit-backdrop-filter: blur(16px) saturate(150%);
    backdrop-filter: blur(16px) saturate(150%);
}

.pcd-shell .intro--head.ftx > .icon i {
    color: inherit !important;
    font-size: 36px !important;
    filter: drop-shadow(0 0 8px rgba(var(--pcd-accent-rgb), .9));
    text-shadow: 0 0 18px rgba(var(--pcd-accent-rgb), .9), 0 0 36px rgba(var(--pcd-accent-rgb), .55);
}

.pcd-shell .intro--head.ftx .text h1 {
    margin: 0 0 9px !important;
    color: var(--pcd-text) !important;
    font-size: clamp(35px, 4vw, 56px) !important;
    line-height: 1.04 !important;
    letter-spacing: -.042em;
    text-shadow: 0 15px 45px rgba(0,0,0,.36);
}

.pcd-shell .intro--head.ftx .text p {
    max-width: 820px;
    color: var(--pcd-muted) !important;
    font-size: clamp(15px, 1.45vw, 19px) !important;
    line-height: 1.6 !important;
}

.pcd-shell .path-wave,
.pcd-shell .path-wave.path-wave-up {
    position: relative;
    padding: 42px 0 98px !important;
    overflow: visible !important;
    background:
        radial-gradient(circle at 52% 0%, rgba(var(--pcd-accent-rgb), .13), transparent 31%),
        linear-gradient(180deg, #07172e 0%, #020915 54%, #01050c 100%) !important;
}

.pcd--sp .path-wave,
.pcd--sp .path-wave.path-wave-up {
    background: radial-gradient(circle at 52% 0%, rgba(var(--pcd-accent-rgb), .12), transparent 31%), linear-gradient(180deg, #100619 0%, #07030b 54%, #030105 100%) !important;
}

.pcd-shell .path-wave::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .24;
    background-image: radial-gradient(var(--pcd-line) 1px, transparent 1px);
    background-size: 25px 25px;
    -webkit-mask-image: linear-gradient(#000, transparent 80%);
    mask-image: linear-gradient(#000, transparent 80%);
}

.pcd-shell .path-wave::after,
.pcd-shell .path-wave.path-wave-up::after { display: none !important; content: none !important; }

.pcd-shell .service--area,
.pcd-shell .service--area.active {
    position: relative;
    z-index: 1;
    display: grid !important;
    grid-template-columns: minmax(240px, 286px) minmax(0, 1fr);
    align-items: start;
    gap: 26px;
    margin: 0 !important;
    transform: none !important;
}

.pcd-shell .service--detail {
    position: sticky;
    top: 116px;
    display: block !important;
    min-width: 0;
}

.pcd-shell .service--detail .poster {
    position: relative;
    width: 100% !important;
    min-height: 260px;
    display: grid;
    place-items: center;
    margin: 0 0 14px !important;
    padding: 0 0 76px;
    overflow: hidden;
    border: 1px solid var(--pcd-line-strong) !important;
    border-radius: 27px !important;
    background: #020a17 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 22px 50px rgba(0,0,0,.28), 0 0 34px rgba(var(--pcd-accent-rgb),.13);
}

.pcd-shell .service--detail .poster::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: 1;
    background: linear-gradient(to top, #020a17 0%, rgba(2,10,23,.3) 42%, transparent 68%) !important;
    transform: none !important;
    z-index: 1 !important;
}

.pcd-shell .service--detail .poster::after {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px solid rgba(var(--pcd-accent-rgb), .17);
    border-radius: 19px;
    pointer-events: none;
    height: auto !important;
    background: transparent !important;
    z-index: 4 !important;
}

.pcd-shell .service--detail .poster .pcd-premium-visual {
    position: absolute !important;
    z-index: 0;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
    object-position: center 44% !important;
    filter: saturate(.96) contrast(1.04);
}

.pcd-platform-mark {
    position: absolute;
    z-index: 5;
    top: 14px;
    right: 14px;
    width: 60px;
    height: 60px;
    display: grid;
    place-items: center;
}

.pcd-platform-core {
    position: relative;
    z-index: 2;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--pcd-accent-rgb), .86);
    border-radius: 15px;
    color: #f4fcff;
    background: linear-gradient(135deg, rgba(255,255,255,.12), rgba(var(--pcd-accent-rgb),.055), rgba(1,8,18,.34));
    box-shadow: inset 0 1px 0 rgba(255,255,255,.24), inset 0 0 30px rgba(var(--pcd-accent-rgb),.13), 0 0 28px rgba(var(--pcd-accent-rgb),.4), 0 0 70px rgba(var(--pcd-accent-rgb),.18);
    -webkit-backdrop-filter: blur(18px) saturate(155%);
    backdrop-filter: blur(18px) saturate(155%);
}

.pcd-platform-core::after {
    content: "";
    position: absolute;
    inset: 5px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 11px;
}

.pcd-platform-core i {
    position: relative;
    z-index: 1;
    color: inherit !important;
    font-size: 24px !important;
    filter: drop-shadow(0 0 8px rgba(var(--pcd-accent-rgb), .95));
    text-shadow: 0 0 7px rgba(255,255,255,.7), 0 0 20px rgba(var(--pcd-accent-rgb),1), 0 0 42px rgba(var(--pcd-accent-rgb),.65);
}

.pcd-platform-orbit {
    position: absolute;
    inset: 0;
    border: 1px solid rgba(var(--pcd-accent-rgb), .36);
    border-radius: 19px;
    box-shadow: 0 0 30px rgba(var(--pcd-accent-rgb),.2);
    animation: pcd-mark-breathe 3.8s ease-in-out infinite;
}

@keyframes pcd-mark-breathe {
    0%, 100% { opacity: .42; transform: scale(.96) rotate(0); }
    50% { opacity: .95; transform: scale(1.04) rotate(4deg); }
}

.pcd-shell .service--detail .poster .count {
    position: absolute !important;
    z-index: 3;
    inset: auto 14px 14px !important;
    width: auto !important;
    min-height: 54px;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 11px 10px 14px !important;
    border: 1px solid rgba(var(--pcd-accent-rgb), .36) !important;
    border-radius: 15px !important;
    color: var(--pcd-text) !important;
    background: rgba(3,14,29,.72) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09), 0 0 22px rgba(var(--pcd-accent-rgb),.12);
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
}

.pcd-shell .poster .count .text {
    color: var(--pcd-muted) !important;
    font-size: 11px !important;
    line-height: 1.25 !important;
}

.pcd-shell .poster .count .text > span {
    display: block;
    color: var(--pcd-text) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
}

.pcd-shell .poster .count .text [data-online_count] { color: var(--pcd-accent-soft); }

.pcd-shell .poster .count > .icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px;
    display: grid !important;
    place-items: center;
    border: 1px solid rgba(var(--pcd-accent-rgb),.42);
    border-radius: 11px !important;
    color: var(--pcd-accent-soft) !important;
    background: rgba(var(--pcd-accent-rgb),.1) !important;
}

.pcd-shell .service--detail .service--features {
    height: auto !important;
    margin: 0 !important;
}

.pcd-shell .service--detail .service--features ul {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pcd-shell .service--detail .service--features ul li {
    min-height: 54px !important;
    height: auto !important;
    display: flex !important;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
    gap: 11px;
    margin: 0 !important;
    padding: 8px 12px !important;
    border: 1px solid var(--pcd-line) !important;
    border-radius: 15px !important;
    color: var(--pcd-text) !important;
    background: linear-gradient(135deg, rgba(255,255,255,.055), transparent), var(--pcd-surface) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 12px 28px rgba(0,0,0,.14);
}

.pcd-shell .service--features li > span {
    color: var(--pcd-muted) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35;
}

.pcd-shell .service--features li > .icon {
    width: 36px !important;
    height: 36px !important;
    min-width: 36px !important;
    display: grid !important;
    place-items: center;
    margin: 0 !important;
    border: 1px solid rgba(var(--pcd-accent-rgb),.42) !important;
    border-radius: 11px !important;
    color: var(--pcd-accent-soft) !important;
    background: rgba(var(--pcd-accent-rgb),.1) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 0 16px rgba(var(--pcd-accent-rgb),.1);
}

.pcd-shell .service--features li > .icon::before { display: none !important; }

.pcd-shell .service--base,
.pcd-shell .service--bases {
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.pcd-shell .service--content { padding: 0 !important; background: transparent !important; }

.pcd-shell .service--content .pack--list {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 14px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pcd-shell .service--content .pack--list .pack {
    position: relative;
    min-width: 0;
    min-height: 150px !important;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 20px 14px 18px !important;
    overflow: hidden;
    border: 1px solid rgba(var(--pcd-accent-rgb), .26) !important;
    border-radius: 21px !important;
    color: var(--pcd-text) !important;
    background: linear-gradient(145deg, rgba(255,255,255,.07), transparent 44%), var(--pcd-surface) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 16px 34px rgba(0,0,0,.2), 0 0 18px rgba(var(--pcd-accent-rgb),.04);
    cursor: pointer;
    transform: translateY(0);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease !important;
}

.pcd-shell .pack--list .pack::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    width: auto !important;
    height: auto !important;
    opacity: 0;
    background: radial-gradient(circle at 50% 10%, rgba(var(--pcd-accent-rgb),.24), transparent 52%) !important;
    transform: none !important;
    transition: opacity .22s ease;
}

.pcd-shell .pack--list .pack::after {
    content: "✓" !important;
    position: absolute !important;
    top: 11px !important;
    right: 11px !important;
    width: 29px !important;
    height: 29px !important;
    display: grid !important;
    place-items: center;
    border: 1px solid rgba(var(--pcd-accent-rgb),.46);
    border-radius: 10px !important;
    color: transparent !important;
    background: rgba(var(--pcd-accent-rgb),.07) !important;
    box-shadow: none !important;
    font-size: 15px;
    font-weight: 900;
    opacity: .7 !important;
    transform: none !important;
}

.pcd-shell .pack--list .pack:hover {
    z-index: 2;
    border-color: rgba(var(--pcd-accent-rgb),.62) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 20px 42px rgba(0,0,0,.27), 0 0 26px rgba(var(--pcd-accent-rgb),.16) !important;
    transform: translateY(-4px);
}

.pcd-shell .pack--list .pack:hover::before,
.pcd-shell .pack--list .pack.selected::before { opacity: 1; }

.pcd-shell .pack--list .pack.selected {
    z-index: 3;
    border-color: var(--pcd-line-strong) !important;
    background: linear-gradient(145deg, rgba(var(--pcd-accent-rgb),.2), rgba(255,255,255,.055) 48%, rgba(var(--pcd-accent-rgb),.06)), var(--pcd-surface-strong) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), inset 0 0 30px rgba(var(--pcd-accent-rgb),.1), 0 18px 44px rgba(0,0,0,.3), 0 0 30px rgba(var(--pcd-accent-rgb),.36), 0 0 64px rgba(var(--pcd-accent-rgb),.13) !important;
    transform: translateY(-3px);
}

.pcd-shell .pack--list .pack.selected::after {
    color: #fff !important;
    border-color: rgba(var(--pcd-accent-rgb),.9) !important;
    background: linear-gradient(145deg, var(--pcd-accent), var(--pcd-accent-strong)) !important;
    box-shadow: 0 0 18px rgba(var(--pcd-accent-rgb),.48) !important;
    opacity: 1 !important;
}

.pcd-shell .pack--list .pack span.amount {
    position: relative;
    z-index: 1;
    color: var(--pcd-text) !important;
    font-size: clamp(24px, 2vw, 32px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: -.025em;
}

.pcd-shell .pack--list .pack span.type {
    position: relative;
    z-index: 1;
    color: var(--pcd-muted) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

.pcd-shell .pack--list .pack span.price {
    position: relative;
    z-index: 1;
    display: inline-flex !important;
    align-items: center;
    min-height: 32px;
    margin-top: 10px !important;
    padding: 7px 12px !important;
    border: 1px solid rgba(var(--pcd-accent-rgb),.22);
    border-radius: 10px !important;
    color: var(--pcd-accent-soft) !important;
    background: rgba(var(--pcd-accent-rgb),.09) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
}

.pcd-shell .pack--list .pack.selected :is(.amount, .type) { color: var(--pcd-text) !important; }
.pcd-shell .pack--list .pack.selected .price { color: #fff !important; background: rgba(var(--pcd-accent-rgb),.22) !important; }

.pcd-shell .service--content .service--bottom,
.pcd-shell .service--content .service--bottom.active-bar {
    position: fixed !important;
    z-index: 99991 !important;
    left: 50% !important;
    right: auto !important;
    bottom: 18px !important;
    width: min(760px, calc(100% - 32px)) !important;
    min-height: 68px;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px;
    margin: 0 !important;
    padding: 9px 10px 9px 14px !important;
    border: 1px solid rgba(var(--pcd-accent-rgb),.62) !important;
    border-radius: 20px !important;
    color: var(--pcd-text) !important;
    background: rgba(3,14,29,.82) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.11), 0 18px 50px rgba(0,0,0,.45), 0 0 28px rgba(var(--pcd-accent-rgb),.25) !important;
    transform: translateX(-50%) !important;
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    backdrop-filter: blur(20px) saturate(160%);
}

.pcd-shell .service--content .selected--pack {
    display: flex !important;
    align-items: center;
    gap: 11px;
    min-width: 0;
    margin: 0 !important;
}

.pcd-shell .service--content .selected--pack > .icon {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px;
    display: grid !important;
    place-items: center;
    border: 1px solid rgba(var(--pcd-accent-rgb),.48) !important;
    border-radius: 13px !important;
    color: var(--pcd-accent-soft) !important;
    background: rgba(var(--pcd-accent-rgb),.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 0 18px rgba(var(--pcd-accent-rgb),.15);
}

.pcd-shell .selected--pack .text {
    min-width: 0;
    display: flex !important;
    align-items: baseline;
    gap: 9px;
    color: var(--pcd-text) !important;
}

.pcd-shell .selected--pack .text > span {
    color: var(--pcd-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.pcd-shell .selected--pack .text > span:first-child {
    color: var(--pcd-text) !important;
    font-size: 16px !important;
    font-weight: 850 !important;
}

.pcd-shell .selected--pack [data-selected_amount],
.pcd-shell .selected--pack [data-selected_price] { color: var(--pcd-accent-soft) !important; }

.pcd-shell .pack--action { display: flex !important; align-items: center; gap: 8px; margin: 0 !important; }
.pcd-shell .iptal-buton { display: none !important; }

.pcd-shell .pack--action .pack--butto {
    position: relative;
    min-width: 190px !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 0 !important;
    padding: 10px 18px !important;
    overflow: hidden;
    border: 1px solid rgba(var(--pcd-accent-rgb),.95) !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: linear-gradient(135deg, rgba(var(--pcd-accent-rgb),.7), rgba(var(--pcd-accent-rgb),.2) 52%, rgba(255,255,255,.1)), rgba(3,12,26,.76) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 0 23px rgba(var(--pcd-accent-rgb),.2), 0 0 24px rgba(var(--pcd-accent-rgb),.42), 0 0 54px rgba(var(--pcd-accent-rgb),.16) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    text-decoration: none !important;
    animation: pcd-buy-glow 3.2s ease-in-out infinite;
}

.pcd-shell .pack--action .pack--butto::before {
    content: "";
    position: absolute;
    top: -80%;
    bottom: -80%;
    left: -42%;
    width: 28%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.55), transparent);
    transform: skewX(-20deg);
    animation: pcd-buy-sheen 4.7s ease-in-out infinite;
}

@keyframes pcd-buy-glow {
    0%, 100% { box-shadow: inset 0 1px 0 rgba(255,255,255,.27), inset 0 0 20px rgba(var(--pcd-accent-rgb),.14), 0 0 18px rgba(var(--pcd-accent-rgb),.3); }
    50% { box-shadow: inset 0 1px 0 rgba(255,255,255,.38), inset 0 0 27px rgba(var(--pcd-accent-rgb),.24), 0 0 31px rgba(var(--pcd-accent-rgb),.54), 0 0 62px rgba(var(--pcd-accent-rgb),.19); }
}

@keyframes pcd-buy-sheen {
    0%, 58% { left: -42%; opacity: 0; }
    68% { opacity: .8; }
    88%, 100% { left: 118%; opacity: 0; }
}

.pcd-shell .service--pack_content {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0,1fr)) !important;
    gap: 16px !important;
}

.pcd-shell .service--pack_content > .pack {
    border: 1px solid var(--pcd-line) !important;
    border-radius: 22px !important;
    color: var(--pcd-text) !important;
    background: var(--pcd-surface) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 18px 38px rgba(0,0,0,.22);
}

.pcd-shell .service--pack_content .head span,
.pcd-shell .service--pack_content .features li span { color: var(--pcd-text) !important; }
.pcd-shell .service--pack_content .price { color: var(--pcd-accent-soft) !important; }

.pcd-shell #faq,
.pcd-shell #article {
    margin: 0 !important;
    padding: 70px 0 !important;
    border-top: 1px solid var(--pcd-line);
    background: linear-gradient(180deg, #020915, #01050c) !important;
}

.pcd-shell #comments {
    position: relative;
    margin: 0 !important;
    padding: 68px 0 82px !important;
    border-top: 1px solid var(--pcd-line);
    color: var(--pcd-text) !important;
    background:
        radial-gradient(circle at 18% 0%, rgba(var(--pcd-accent-rgb),.11), transparent 28%),
        linear-gradient(180deg, #020915 0%, #01050d 100%) !important;
}

.pcd-shell #comments::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .2;
    background-image: radial-gradient(var(--pcd-line) 1px, transparent 1px);
    background-size: 27px 27px;
    -webkit-mask-image: linear-gradient(#000, transparent 76%);
    mask-image: linear-gradient(#000, transparent 76%);
}

.pcd-shell #comments .container { position: relative; z-index: 1; }
.pcd-shell .post-comment-area { margin: 0 !important; }

.pcd-shell .title-heading.side-title {
    margin: 0 0 22px !important;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--pcd-line);
    color: var(--pcd-text) !important;
}

.pcd-shell .title-heading.side-title::before,
.pcd-shell .title-heading.side-title::after { background: linear-gradient(90deg,var(--pcd-accent),transparent) !important; }
.pcd-shell .title-heading.side-title > i { color: var(--pcd-accent-soft) !important; text-shadow: 0 0 18px rgba(var(--pcd-accent-rgb),.42); }
.pcd-shell .title-heading.side-title .title { color: var(--pcd-text) !important; font-size: 22px !important; }

.pcd-shell .post-comment-area .comment-list .comment-item {
    padding: 22px !important;
    border: 1px solid var(--pcd-line) !important;
    border-radius: 18px !important;
    color: var(--pcd-text) !important;
    background: linear-gradient(145deg,rgba(255,255,255,.055),transparent),var(--pcd-surface) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 16px 34px rgba(0,0,0,.2);
}

.pcd-shell .comment-item .head span.name { color: var(--pcd-text) !important; }
.pcd-shell .comment-item .head span.name .icon,
.pcd-shell .comment-item .head span.date {
    border: 1px solid rgba(var(--pcd-accent-rgb),.3) !important;
    color: var(--pcd-accent-soft) !important;
    background: rgba(var(--pcd-accent-rgb),.09) !important;
}
.pcd-shell .comment-item .message,
.pcd-shell .comment-item .message p { color: var(--pcd-muted) !important; }

.pcd-shell .add-comment_content {
    padding: clamp(18px,2.2vw,30px) !important;
    border: 1px solid var(--pcd-line-strong) !important;
    border-radius: 22px !important;
    background: linear-gradient(145deg,rgba(255,255,255,.065),transparent 48%),var(--pcd-surface-strong) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08),0 22px 50px rgba(0,0,0,.26),0 0 30px rgba(var(--pcd-accent-rgb),.1);
}

.pcd-shell .add-comment_content .well { display: grid; gap: 12px; }
.pcd-shell .add-comment_content .form-floating { position: relative; }
.pcd-shell .add-comment_content .form-control {
    min-height: 58px;
    border: 1px solid rgba(var(--pcd-accent-rgb),.28) !important;
    border-radius: 14px !important;
    outline: 0;
    color: var(--pcd-text) !important;
    background: rgba(1,8,18,.72) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.pcd-shell .add-comment_content textarea.form-control { min-height: 112px; }
.pcd-shell .add-comment_content .form-control:focus { border-color: var(--pcd-line-strong) !important; box-shadow: 0 0 0 4px rgba(var(--pcd-accent-rgb),.11),0 0 24px rgba(var(--pcd-accent-rgb),.12) !important; }
.pcd-shell .add-comment_content label { color: var(--pcd-muted) !important; }

.pcd-shell .add-comment_content .butto {
    min-width: 160px;
    min-height: 50px;
    justify-content: center;
    border: 1px solid rgba(var(--pcd-accent-rgb),.9) !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: linear-gradient(135deg,var(--pcd-accent-strong),var(--pcd-accent)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.28),0 0 24px rgba(var(--pcd-accent-rgb),.38),0 14px 30px rgba(0,0,0,.24) !important;
}

.pcd-shell #faq .title-heading .title,
.pcd-shell #article h1,
.pcd-shell #article h2,
.pcd-shell #article h3 { color: var(--pcd-text) !important; }
.pcd-shell #faq .title-heading p,
.pcd-shell #article p,
.pcd-shell #article li { color: var(--pcd-muted) !important; }
.pcd-shell #faq .accordion .item,
.pcd-shell .article--area {
    border: 1px solid var(--pcd-line) !important;
    border-radius: 18px !important;
    color: var(--pcd-text) !important;
    background: var(--pcd-surface) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 16px 34px rgba(0,0,0,.18);
}

footer .footer-bottom .copyright.pcd-signature-host {
    display: inline-flex !important;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    min-height: 44px;
    color: rgba(233,240,255,.72) !important;
    font-size: 14px;
    font-weight: 600;
}

footer .pcd-signature-host span { color: rgba(233,240,255,.58); }
footer .pcd-signature-host strong { color: #55d9ff; font-weight: 900; text-shadow: 0 0 20px rgba(36,140,255,.38); }
body.pcd-signature-sp footer .pcd-signature-host strong { color: #d98cff; text-shadow: 0 0 22px rgba(182,60,255,.44); }

:is(body.pcd-detail-active, body:has(.pcd-shell)),
:is(body.pcd-detail-active, body:has(.pcd-shell)) main { background: #01050c !important; }

:is(body.pcd-detail-active, body:has(.pcd-shell)) > .container:has(> .footer--top) {
    position: relative;
    z-index: 3;
    padding-top: 34px;
    background: #01050c !important;
}

:is(body.pcd-detail-active, body:has(.pcd-shell)) .footer--top {
    height: auto !important;
    min-height: 92px;
    margin-top: 0 !important;
    margin-bottom: -46px !important;
    padding: 18px 22px !important;
    border: 1px solid rgba(91,184,255,.44) !important;
    border-radius: 20px !important;
    color: #f7fbff !important;
    background: linear-gradient(135deg,rgba(36,140,255,.22),rgba(7,25,51,.9) 48%,rgba(3,12,26,.96)) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.09),0 18px 44px rgba(0,0,0,.34),0 0 28px rgba(36,140,255,.16) !important;
    -webkit-backdrop-filter: blur(18px) saturate(155%);
    backdrop-filter: blur(18px) saturate(155%);
}

:is(body.pcd-detail-active, body:has(.pcd-shell)) .footer--top .text,
:is(body.pcd-detail-active, body:has(.pcd-shell)) .footer--top .text p { color: #9db2cb !important; }
:is(body.pcd-detail-active, body:has(.pcd-shell)) .footer--top .text span { color: #f7fbff !important; }
:is(body.pcd-detail-active, body:has(.pcd-shell)) .footer--top .action .item {
    border: 1px solid rgba(91,184,255,.34) !important;
    color: #eaf8ff !important;
    background: rgba(36,140,255,.09) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06);
}
:is(body.pcd-detail-active, body:has(.pcd-shell)) .footer--top .action .item:hover { border-color: rgba(105,207,255,.72) !important; background: rgba(36,140,255,.18) !important; box-shadow: 0 0 22px rgba(36,140,255,.2); }

:is(body.pcd-detail-active, body:has(.pcd-shell)) footer {
    border-top: 1px solid rgba(91,184,255,.3) !important;
    background: linear-gradient(180deg,#071329 0%,#020812 100%) !important;
}
:is(body.pcd-detail-active, body:has(.pcd-shell)) footer .footer--area { padding-top: 42px; }
:is(body.pcd-detail-active, body:has(.pcd-shell)) footer .footer-about {
    margin-top: 42px !important;
    padding: 22px !important;
    border: 1px solid rgba(91,184,255,.2);
    border-radius: 18px;
    background: rgba(7,25,51,.42);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
:is(body.pcd-detail-active, body:has(.pcd-shell)) footer .footer-about-desc { color: #8fa6c0 !important; line-height: 1.65; }
:is(body.pcd-detail-active, body:has(.pcd-shell)) footer .footer-socials { display: flex; flex-wrap: wrap; gap: 8px; }
:is(body.pcd-detail-active, body:has(.pcd-shell)) footer .footer-socials .fsocial-item {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(91,184,255,.32) !important;
    border-radius: 13px !important;
    color: #55d9ff !important;
    background: rgba(36,140,255,.09) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.06),0 0 16px rgba(36,140,255,.08);
}
:is(body.pcd-detail-active, body:has(.pcd-shell)) footer .footer-socials .fsocial-item:hover { border-color: rgba(105,207,255,.7) !important; color: #fff !important; background: rgba(36,140,255,.2) !important; box-shadow: 0 0 24px rgba(36,140,255,.24); }
:is(body.pcd-detail-active, body:has(.pcd-shell)) footer .footer-actions { padding-top: 24px !important; }
:is(body.pcd-detail-active, body:has(.pcd-shell)) footer .footer-navs { gap: 18px !important; }
:is(body.pcd-detail-active, body:has(.pcd-shell)) footer .footer-nav-item {
    padding: 18px;
    border: 1px solid rgba(91,184,255,.16);
    border-radius: 16px;
    background: rgba(3,14,29,.38);
}
:is(body.pcd-detail-active, body:has(.pcd-shell)) footer .footer-nav-heading { color: #f7fbff !important; }
:is(body.pcd-detail-active, body:has(.pcd-shell)) footer .footer-bottom { border-top: 1px solid rgba(91,184,255,.2); background: #01050c !important; }
:is(body.pcd-detail-active, body:has(.pcd-shell)) footer .footer-nav-heading::before { background: #248cff !important; box-shadow: 0 0 14px rgba(36,140,255,.42); }
:is(body.pcd-detail-active, body:has(.pcd-shell)) footer a { color: #9db2cb !important; }
:is(body.pcd-detail-active, body:has(.pcd-shell)) footer a:hover { color: #55d9ff !important; }

@media (max-width: 1180px) {
    .pcd-shell .service--content .pack--list { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
    .pcd-shell .service--pack_content { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
}

@media (max-width: 900px) {
    .pcd-shell .ip--category { padding: 118px 0 40px !important; }
    .pcd-shell .service--area,
    .pcd-shell .service--area.active { grid-template-columns: 1fr !important; gap: 20px; }
    .pcd-shell .service--detail { position: relative; top: auto; display: grid !important; grid-template-columns: 210px minmax(0,1fr); gap: 14px; }
    .pcd-shell .service--detail .poster { min-height: 220px; margin: 0 !important; }
    .pcd-shell .service--detail .service--features ul { grid-template-columns: repeat(2,minmax(0,1fr)) !important; }
    .pcd-shell .service--content .pack--list { grid-template-columns: repeat(3,minmax(0,1fr)) !important; }
}

@media (max-width: 640px) {
    .pcd-shell .container { width: min(100% - 28px,1380px); }
    .pcd-shell .ip--category { padding: 98px 0 34px !important; }
    .pcd-shell .intro--head.ftx { grid-template-columns: 64px minmax(0,1fr); gap: 16px; }
    .pcd-shell .intro--head.ftx > .icon { width: 64px !important; height: 64px !important; min-width: 64px; border-radius: 18px !important; }
    .pcd-shell .intro--head.ftx > .icon i { font-size: 29px !important; }
    .pcd-shell .intro--head.ftx .text h1 { font-size: clamp(28px,8.5vw,38px) !important; }
    .pcd-shell .intro--head.ftx .text p { font-size: 13px !important; line-height: 1.45 !important; }
    .pcd-shell .path-wave,
    .pcd-shell .path-wave.path-wave-up { padding: 28px 0 94px !important; }
    .pcd-shell .service--detail { display: block !important; }
    .pcd-shell .service--detail .poster { min-height: 190px; margin-bottom: 10px !important; padding: 20px 16px 66px; border-radius: 21px !important; }
    .pcd-platform-mark { top: 10px; right: 10px; width: 52px; height: 52px; }
    .pcd-platform-core { width: 42px; height: 42px; border-radius: 13px; }
    .pcd-platform-core::after { border-radius: 9px; }
    .pcd-platform-core i { font-size: 21px !important; }
    .pcd-platform-orbit { border-radius: 16px; }
    .pcd-shell .service--detail .poster .count { min-height: 48px; inset: auto 10px 10px !important; }
    .pcd-shell .service--detail .service--features ul { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 7px !important; }
    .pcd-shell .service--detail .service--features ul li { min-height: 50px !important; padding: 7px 9px !important; border-radius: 13px !important; }
    .pcd-shell .service--features li > .icon { width: 32px !important; height: 32px !important; min-width: 32px !important; font-size: 15px !important; }
    .pcd-shell .service--features li > span { font-size: 11px !important; }
    .pcd-shell .service--content .pack--list { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 9px !important; margin-top: 18px !important; }
    .pcd-shell .service--content .pack--list .pack { min-height: 122px !important; padding: 17px 8px 13px !important; border-radius: 17px !important; }
    .pcd-shell .pack--list .pack::after { top: 8px !important; right: 8px !important; width: 25px !important; height: 25px !important; border-radius: 8px !important; }
    .pcd-shell .pack--list .pack span.amount { font-size: 23px !important; }
    .pcd-shell .pack--list .pack span.type { font-size: 12px !important; }
    .pcd-shell .pack--list .pack span.price { min-height: 29px; margin-top: 7px !important; padding: 6px 9px !important; font-size: 12px !important; }
    .pcd-shell .service--content .service--bottom,
    .pcd-shell .service--content .service--bottom.active-bar { bottom: 9px !important; width: calc(100% - 18px) !important; min-height: 64px; gap: 9px; padding: 8px !important; border-radius: 17px !important; }
    .pcd-shell .service--content .selected--pack > .icon { display: none !important; }
    .pcd-shell .selected--pack .text { display: block !important; line-height: 1.2; }
    .pcd-shell .selected--pack .text > span { display: block; font-size: 10px !important; }
    .pcd-shell .selected--pack .text > span:first-child { font-size: 13px !important; }
    .pcd-shell .pack--action .pack--butto { min-width: 140px !important; min-height: 46px !important; padding: 9px 14px !important; }
    .pcd-shell .service--pack_content { grid-template-columns: 1fr !important; }
    .pcd-shell #comments { padding: 46px 0 66px !important; }
    .pcd-shell .add-comment_content { padding: 14px !important; border-radius: 18px !important; }
    :is(body.pcd-detail-active, body:has(.pcd-shell)) > .container:has(> .footer--top) { padding-top: 20px; }
    :is(body.pcd-detail-active, body:has(.pcd-shell)) .footer--top { align-items: flex-start !important; margin-inline: 6px !important; padding: 17px !important; }
    :is(body.pcd-detail-active, body:has(.pcd-shell)) .footer--top .action { width: 100%; flex-wrap: wrap; }
    :is(body.pcd-detail-active, body:has(.pcd-shell)) .footer--top .action .item { flex: 1; min-width: 96px; justify-content: center; padding: 0 12px !important; }
    :is(body.pcd-detail-active, body:has(.pcd-shell)) footer .footer--area { padding-top: 54px; }
    :is(body.pcd-detail-active, body:has(.pcd-shell)) footer .footer-about { padding: 16px !important; }
    :is(body.pcd-detail-active, body:has(.pcd-shell)) footer .footer-nav-item { padding: 15px; }
    footer .footer-bottom .copyright.pcd-signature-host { justify-content: center; width: 100%; min-height: 38px; font-size: 12px; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
    .pcd-platform-orbit,
    .pcd-shell .pack--action .pack--butto,
    .pcd-shell .pack--action .pack--butto::before { animation: none !important; }
    .pcd-shell .pack--list .pack { transition-duration: .01ms !important; }
}