/* HostPlayers · contacto · gaming 2026 */
.hpc{--v:#8b5cf6;--v2:#a855f7;--c:#22d3ee;--lime:#a3e635;--ink:#f3f4ff;--mut:#8b93b8;--surf:rgba(20,22,42,.5);--line:rgba(139,92,246,.16);font-family:'Inter',system-ui,sans-serif;color:var(--ink)}
.hpc *{box-sizing:border-box}
.hpc .wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.hpc-hero{text-align:center;padding:170px 24px 40px;position:relative}
.hpc-hero::after{content:'';position:absolute;top:60px;left:50%;transform:translateX(-50%);width:min(70%,700px);height:260px;border-radius:50%;background:radial-gradient(ellipse,rgba(139,92,246,.2),transparent 70%);filter:blur(30px);z-index:-1}
.hpc-kicker{display:inline-flex;align-items:center;gap:8px;font-family:'Roboto Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--c);background:rgba(34,211,238,.07);border:1px solid rgba(34,211,238,.25);padding:7px 14px;border-radius:100px;margin-bottom:20px}
.hpc-h1{font-family:'Barlow Condensed',sans-serif;font-weight:800;text-transform:uppercase;font-size:clamp(2.6rem,6vw,4.4rem);line-height:.98;margin:0 0 14px;background:linear-gradient(115deg,#fff,var(--c) 45%,var(--v2) 70%,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 0 30px rgba(139,92,246,.3))}
.hpc-sub{color:var(--mut);font-size:1.05rem;line-height:1.6;max-width:560px;margin:0 auto}
/* layout */
.hpc-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;padding:30px 0 90px}
.hpc-card{background:var(--surf);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:20px;padding:34px}
.hpc-card.tall{display:flex;flex-direction:column}
.hpc-ct{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;color:#fff;font-size:1.5rem;letter-spacing:.02em;margin:0 0 22px}
/* form */
.hpc-form{display:flex;flex-direction:column;gap:16px}
.hpc-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hpc-fg{display:flex;flex-direction:column;gap:7px}
.hpc-fg label{color:#9099bd;font-weight:600;text-transform:uppercase;letter-spacing:.07em;font-size:.72rem}
.hpc-inp,.hpc-ta{background:rgba(0,0,0,.4);border:1px solid var(--line);color:var(--ink);border-radius:11px;padding:12px 15px;font-size:.94rem;font-family:'Inter',sans-serif;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}
.hpc-inp::placeholder,.hpc-ta::placeholder{color:#5b6488}
.hpc-inp:focus,.hpc-ta:focus{outline:none;border-color:var(--v);background:rgba(0,0,0,.5);box-shadow:0 0 0 3px rgba(139,92,246,.18)}
.hpc-ta{min-height:130px;resize:vertical}
.hpc-btn{font-family:'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:1.1rem;padding:14px;border-radius:12px;border:none;cursor:pointer;background:linear-gradient(135deg,var(--v),var(--v2));color:#fff;box-shadow:0 0 30px -6px rgba(139,92,246,.6);position:relative;overflow:hidden;transition:transform .15s,filter .2s}
.hpc-btn:hover{transform:translateY(-2px);filter:brightness(1.12)}
.hpc-btn::before{content:'';position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);transition:left .6s}
.hpc-btn:hover::before{left:160%}
.hpc-alert{border-radius:11px;padding:14px 16px;display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:.92rem}
.hpc-alert.ok{background:rgba(163,230,53,.1);border:1px solid rgba(163,230,53,.3);color:#bef264}
.hpc-alert.err{background:rgba(236,72,153,.1);border:1px solid rgba(236,72,153,.3);color:#f9a8d4}
/* info list */
.hpc-info{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.hpc-info li{display:flex;align-items:center;gap:14px;color:var(--ink);font-size:.92rem}
.hpc-info li .ic{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#fff;background:linear-gradient(135deg,var(--v),var(--c));box-shadow:0 8px 24px -8px rgba(139,92,246,.6);flex-shrink:0}
.hpc-info li small{display:block;color:var(--mut);font-size:.76rem;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}
.hpc-sla{margin-top:18px;display:flex;flex-direction:column;gap:12px}
.hpc-sla-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px dashed rgba(139,92,246,.12);color:var(--mut);font-size:.9rem}
.hpc-sla-row b{color:var(--c);font-family:'Roboto Mono',monospace}
@media(max-width:880px){.hpc-grid{grid-template-columns:1fr}.hpc-2{grid-template-columns:1fr}}