.cphs,
.cphs * { box-sizing: border-box; }
.cphs {
    --cp-purple: #8b5cf6;
    --cp-purple-2: #b66bff;
    --cp-cyan: #22d3ee;
    --cp-text: #f7f8ff;
    --cp-muted: #8f96ad;
    width: 100%;
    color: var(--cp-text);
}
.cphs-kicker {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 11px;
    border: 1px solid rgba(139,92,246,.28);
    border-radius: 999px;
    background: rgba(139,92,246,.09);
    color: #cbb7ff;
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .10em;
}
.cphs h2 { margin: 14px 0 0; color:#fff; letter-spacing:-.045em; line-height:.98; }
.cphs p { color: var(--cp-muted); }
.cphs-lead { max-width: 620px; margin: 16px 0 0; font-size: 1rem; line-height: 1.6; }
.cphs-primary-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 52px;
    padding: 0 24px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 15px;
    background: linear-gradient(135deg,#7c4dff,#9a5cff 48%,#c06bff);
    color: #fff !important;
    font-weight: 900;
    text-decoration: none !important;
    box-shadow: 0 16px 38px rgba(124,77,255,.25);
    cursor: pointer;
    transition: transform .2s ease, filter .2s ease;
}
.cphs-primary-button:hover { transform: translateY(-2px); filter: brightness(1.08); }
.cphs-primary-button:disabled { cursor:not-allowed; opacity:.42; filter:grayscale(.45); box-shadow:none; transform:none; }

/* Bots */
.cphs-bots {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0,1.05fr) minmax(390px,.95fr);
    gap: clamp(34px,5vw,72px);
    overflow: hidden;
    padding: clamp(38px,5vw,72px);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 34px;
    background:
        radial-gradient(circle at 94% 8%, rgba(139,92,246,.16), transparent 30%),
        radial-gradient(circle at 4% 100%, rgba(34,211,238,.08), transparent 28%),
        linear-gradient(130deg,#12141d 0%,#11131d 52%,#191326 100%);
    box-shadow: 0 28px 80px rgba(0,0,0,.25);
}
.cphs-bots__copy h2 { max-width: 720px; font-size: clamp(2.35rem,4.2vw,4.7rem); }
.cphs-bots__steps { display:grid; gap:20px; padding:0; margin:34px 0 0; list-style:none; }
.cphs-bots__steps li { display:grid; grid-template-columns:64px 1fr; gap:18px; align-items:start; }
.cphs-step-number {
    display:grid; place-items:center; width:60px; height:60px;
    border:1px solid rgba(255,255,255,.11); border-radius:17px;
    background:rgba(255,255,255,.035); color:#767e98; font-weight:900; letter-spacing:.08em;
}
.cphs-bots__steps strong { display:block; margin:4px 0 4px; color:#fff; font-size:.95rem; letter-spacing:.055em; text-transform:uppercase; }
.cphs-bots__steps p { margin:0; line-height:1.5; }
.cphs-bots__panel {
    align-self:center;
    padding:26px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:30px;
    background:rgba(5,7,13,.70);
    box-shadow:0 30px 70px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.035);
}
.cphs-panel-status { display:flex; align-items:center; gap:9px; margin:0 0 18px; color:#788097; font-size:.72rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.cphs-status-dot { width:8px; height:8px; border-radius:50%; background:var(--cp-cyan); box-shadow:0 0 16px rgba(34,211,238,.65); }
.cphs-epic-form label { display:block; margin:0 0 8px; color:#7d849b; font-size:.7rem; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }
.cphs-input-wrap { position:relative; }
.cphs-input-icon { position:absolute; left:18px; top:50%; transform:translateY(-50%); color:#777f9a; z-index:2; }
.cphs-input-wrap input {
    width:100%; height:62px; padding:0 18px 0 46px;
    border:1px solid rgba(255,255,255,.12); border-radius:17px;
    background:#151821; color:#fff; outline:none; font-size:1rem; font-weight:700;
}
.cphs-input-wrap input:focus { border-color:rgba(139,92,246,.6); box-shadow:0 0 0 3px rgba(139,92,246,.10); }
.cphs-input-wrap input:disabled { opacity:.65; }
.cphs-security {
    display:grid; grid-template-columns:28px 1fr; gap:12px;
    margin:24px 0; padding:20px;
    border:1px solid rgba(139,92,246,.22); border-radius:18px;
    background:rgba(139,92,246,.07);
}
.cphs-security > span { color:#a989ff; font-size:1.25rem; }
.cphs-security strong { color:#c7b2ff; font-size:.78rem; letter-spacing:.08em; text-transform:uppercase; }
.cphs-security p { margin:7px 0 0; font-size:.85rem; line-height:1.55; }
.cphs-epic-form .cphs-primary-button { width:100%; border:0; }
.cphs-form-message { min-height:0; margin:10px 0 0; text-align:center; font-size:.82rem; }

/* Club */
.cphs-club {
    position:relative; isolation:isolate; overflow:hidden;
    display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); gap:30px; align-items:center;
    padding:clamp(38px,5vw,66px);
    border:1px solid rgba(255,255,255,.10); border-radius:32px;
    background:
      radial-gradient(circle at 86% 22%,rgba(182,107,255,.22),transparent 26%),
      radial-gradient(circle at 72% 100%,rgba(34,211,238,.12),transparent 30%),
      linear-gradient(125deg,#0d1020,#15112c 56%,#25133e);
}
.cphs-club__glow { position:absolute; z-index:-1; right:-80px; top:-100px; width:430px; height:430px; border-radius:50%; background:radial-gradient(circle,rgba(139,92,246,.25),transparent 67%); filter:blur(10px); }
.cphs-club h2 { font-size:clamp(2.4rem,4.5vw,4.9rem); }
.cphs-club__copy > p { max-width:720px; margin:16px 0 0; font-size:1rem; line-height:1.6; }
.cphs-club__chips { display:flex; flex-wrap:wrap; gap:9px; margin-top:24px; }
.cphs-club__chips span { padding:9px 12px; border:1px solid rgba(255,255,255,.09); border-radius:999px; background:rgba(255,255,255,.04); color:#c5c9d8; font-size:.76rem; font-weight:800; }
.cphs-club__cta { justify-self:end; display:flex; flex-direction:column; align-items:flex-end; gap:14px; }
.cphs-club__small { color:#7f8599; font-size:.8rem; }

/* How to buy */
.cphs-how { padding:10px 0 0; }
.cphs-section-head h2 { font-size:clamp(2.25rem,4vw,4.2rem); }
.cphs-section-head > p { margin:13px 0 0; }
.cphs-how__grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:28px; }
.cphs-how__card {
    position:relative; min-height:225px; padding:24px;
    border:1px solid rgba(255,255,255,.09); border-radius:22px;
    background:linear-gradient(150deg,rgba(255,255,255,.052),rgba(255,255,255,.018));
    overflow:hidden;
}
.cphs-how__card::after { content:""; position:absolute; right:-45px; bottom:-60px; width:150px; height:150px; border-radius:50%; background:radial-gradient(circle,rgba(139,92,246,.13),transparent 68%); }
.cphs-how__number { color:#a78bfa; font-size:.78rem; font-weight:950; letter-spacing:.12em; }
.cphs-how__line { width:42px; height:2px; margin:18px 0 28px; background:linear-gradient(90deg,#8b5cf6,#22d3ee); border-radius:999px; }
.cphs-how__card h3 { margin:0; color:#fff; font-size:1.15rem; letter-spacing:-.02em; }
.cphs-how__card p { margin:10px 0 0; font-size:.88rem; line-height:1.55; }

@media (max-width: 900px) {
    .cphs-bots { grid-template-columns:1fr; }
    .cphs-club { grid-template-columns:1fr; }
    .cphs-club__cta { justify-self:start; align-items:flex-start; }
    .cphs-how__grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width: 560px) {
    .cphs-bots { padding:28px 18px; border-radius:24px; }
    .cphs-bots__copy h2 { font-size:clamp(2rem,11vw,3rem); }
    .cphs-bots__steps li { grid-template-columns:52px 1fr; gap:13px; }
    .cphs-step-number { width:50px; height:50px; border-radius:14px; }
    .cphs-bots__panel { padding:16px; border-radius:22px; }
    .cphs-club { padding:30px 18px; border-radius:24px; }
    .cphs-club h2 { font-size:clamp(2.15rem,12vw,3.25rem); }
    .cphs-club__cta, .cphs-club__cta .cphs-primary-button { width:100%; }
    .cphs-how__grid { grid-template-columns:1fr; }
    .cphs-how__card { min-height:190px; }
}


/* =========================================================
 * Showcase inteligente de Fortnite · v1.1.1
 * ========================================================= */
.cphs-showcase{width:100%;color:#f7f8ff}
.cphs-showcase__head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin:0 0 28px}
.cphs-showcase__head h2{margin:8px 0 8px;font-size:clamp(2rem,3.6vw,3.05rem);line-height:1.02;letter-spacing:-.035em;color:#fff}
.cphs-showcase__head p{margin:0;max-width:760px;color:#949cb8;font-size:1rem}
.cphs-showcase__all{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto;min-height:46px;padding:0 18px;border:1px solid rgba(255,255,255,.12);border-radius:13px;background:#111420;color:#fff!important;font-weight:850;text-decoration:none!important;transition:.2s ease}
.cphs-showcase__all:hover{border-color:rgba(145,90,255,.6);background:#171428;transform:translateY(-2px)}
.cphs-showcase__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.cphs-showcase-card{grid-column:span 3;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.105);border-radius:20px;background:linear-gradient(180deg,#121526,#0d101d);box-shadow:0 20px 55px rgba(0,0,0,.18);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.cphs-showcase-card--hero{grid-column:span 6}
.cphs-showcase-card:hover{transform:translateY(-5px);border-color:rgba(139,92,246,.48);box-shadow:0 28px 68px rgba(0,0,0,.28),0 0 0 1px rgba(139,92,246,.08)}
.cphs-showcase-card__media{position:relative;display:grid;place-items:center;min-height:280px;overflow:hidden;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--cphs-a) 50%,transparent),transparent 42%),linear-gradient(145deg,color-mix(in srgb,var(--cphs-a) 28%,#15162b),color-mix(in srgb,var(--cphs-b) 25%,#111422));text-decoration:none!important}
.cphs-showcase-card--hero .cphs-showcase-card__media{min-height:350px}
.cphs-showcase-card__media:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 32%);pointer-events:none}
.cphs-showcase-card__media img{position:relative;z-index:1;width:88%;height:250px;object-fit:contain;filter:drop-shadow(0 25px 20px rgba(0,0,0,.34));transition:transform .3s ease}
.cphs-showcase-card--hero .cphs-showcase-card__media img{width:82%;height:325px}
.cphs-showcase-card--bundle .cphs-showcase-card__media img{width:94%}
.cphs-showcase-card:hover .cphs-showcase-card__media img{transform:scale(1.035)}
.cphs-showcase-card__shade{position:absolute;z-index:2;left:0;right:0;bottom:0;height:34%;background:linear-gradient(transparent,rgba(6,8,16,.38));pointer-events:none}
.cphs-showcase-card__badge{position:absolute;z-index:3;top:16px;left:16px;display:inline-flex;align-items:center;min-height:30px;padding:0 11px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(5,7,15,.68);backdrop-filter:blur(8px);color:#d7ccff;font-size:.68rem;font-weight:950;letter-spacing:.11em}
.cphs-showcase-card--bundle .cphs-showcase-card__badge{color:#fff;background:linear-gradient(135deg,rgba(124,77,255,.92),rgba(90,56,190,.9));border-color:rgba(255,255,255,.18)}
.cphs-showcase-card__body{padding:18px 18px 20px}
.cphs-showcase-card--hero .cphs-showcase-card__body{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:end;padding:20px 22px 22px}
.cphs-showcase-card__body h3{margin:0 0 10px;min-width:0;font-size:1.05rem;line-height:1.18;color:#fff}
.cphs-showcase-card--hero .cphs-showcase-card__body h3{grid-column:1;font-size:clamp(1.2rem,1.8vw,1.55rem)}
.cphs-showcase-card__body h3 a{color:inherit!important;text-decoration:none!important}
.cphs-showcase-card__meta{display:flex;flex-direction:column;gap:5px;margin-bottom:16px}
.cphs-showcase-card--hero .cphs-showcase-card__meta{grid-column:1;margin-bottom:0}
.cphs-showcase-card__meta strong{color:#22d3ee;font-size:1.16rem;font-weight:950}
.cphs-showcase-card__meta span{color:#ffe455;font-size:.78rem;font-weight:900}
.cphs-showcase-card__cta{display:flex;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 14px;border-radius:12px;background:linear-gradient(135deg,#7448ff,#a45fff);color:#fff!important;font-size:.86rem;font-weight:900;text-decoration:none!important;box-shadow:0 10px 26px rgba(124,77,255,.17)}
.cphs-showcase-card--hero .cphs-showcase-card__cta{grid-column:2;grid-row:1/3;align-self:center;width:auto;min-width:150px;padding-inline:18px}
@media(max-width:1020px){.cphs-showcase-card,.cphs-showcase-card--hero{grid-column:span 6}.cphs-showcase-card--hero .cphs-showcase-card__body{display:block}.cphs-showcase-card--hero .cphs-showcase-card__cta{width:100%;margin-top:16px}}
@media(max-width:680px){.cphs-showcase__head{align-items:flex-start;flex-direction:column}.cphs-showcase__all{width:100%;justify-content:center}.cphs-showcase__grid{gap:14px}.cphs-showcase-card,.cphs-showcase-card--hero{grid-column:1/-1}.cphs-showcase-card__media,.cphs-showcase-card--hero .cphs-showcase-card__media{min-height:260px}.cphs-showcase-card__media img,.cphs-showcase-card--hero .cphs-showcase-card__media img{height:235px}.cphs-showcase-card__body,.cphs-showcase-card--hero .cphs-showcase-card__body{padding:17px}}
