@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@500;600;700&family=Exo+2:wght@400;600;700;800;900&display=swap";.pred-wrapper{--pred-bg: #07070c;--pred-bg-card: #0e0e18;--pred-bg-hover: #13131f;--pred-border: rgba(255,255,255,.06);--pred-text: #ffffff;--pred-muted: #5a5a7a;--rp-accent: #00d4ff;--rp-glow: rgba(0, 212, 255, .25);--rp-dark: rgba(0, 212, 255, .08);--rp-border: rgba(0, 212, 255, .2);--sp-accent: #b366ff;--sp-glow: rgba(179, 102, 255, .25);--sp-dark: rgba(179, 102, 255, .08);--sp-border: rgba(179, 102, 255, .2);--pred-radius: 16px;--pred-radius-sm: 10px;--pred-font: "Exo 2", "Rajdhani", sans-serif;background:var(--pred-bg);font-family:var(--pred-font);color:var(--pred-text);padding:80px 5rem;width:100%;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.pred-wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.pred-header{text-align:center;margin-bottom:72px;position:relative}.pred-badge-icon{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center}.pred-eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#ff2ca8;margin-bottom:12px;display:block}.pred-title{font-size:52px;font-weight:900;line-height:1;margin:0 0 16px;text-transform:uppercase;letter-spacing:-1px;background:linear-gradient(135deg,#fff,#b366ff,#00d4ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pred-subtitle{font-size:16px;color:var(--pred-muted);max-width:500px;margin:0 auto;line-height:1.6}.pred-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px;max-width:1200px;margin:0 auto;position:relative}.pred-columns:after{content:"VS";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:900;letter-spacing:3px;color:var(--pred-muted);background:var(--pred-bg);padding:8px 12px;border:1px solid var(--pred-border);border-radius:6px;z-index:2}.pred-card{background:var(--pred-bg-card);border-radius:var(--pred-radius);padding:36px 32px;position:relative;overflow:hidden;display:flex;flex-direction:column}.pred-card.rp{border:1.5px solid var(--rp-border);box-shadow:0 0 60px #00d4ff0f,inset 0 1px #00d4ff1a}.pred-card.rp:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--rp-accent),transparent)}.pred-card.sp{border:1.5px solid var(--sp-border);box-shadow:0 0 60px #b366ff0f,inset 0 1px #b366ff1a}.pred-card.sp:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--sp-accent),transparent)}.pred-card-header{margin-bottom:28px}.pred-card-tag{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 12px;border-radius:4px;margin-bottom:16px}.rp .pred-card-tag{background:var(--rp-dark);color:var(--rp-accent);border:1px solid var(--rp-border)}.sp .pred-card-tag{background:var(--sp-dark);color:var(--sp-accent);border:1px solid var(--sp-border)}.pred-card-title{font-size:28px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}.rp .pred-card-title,.sp .pred-card-title{color:#fff}.pred-card-desc{font-size:13px;color:var(--pred-muted);line-height:1.5;margin:0}.pred-rp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px}.pred-rp-btn{background:#00d4ff0a;border:1.5px solid rgba(0,212,255,.15);border-radius:var(--pred-radius-sm);padding:14px 8px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:all .15s ease;font-family:var(--pred-font);color:var(--pred-text);position:relative}.pred-rp-btn:hover{background:#00d4ff14;border-color:#00d4ff66;transform:translateY(-2px)}.pred-rp-btn.active{background:#00d4ff1f;border-color:var(--rp-accent);box-shadow:0 0 20px #00d4ff33}.pred-rp-btn .rp-amount{font-size:18px;font-weight:800;color:var(--rp-accent);line-height:1}.pred-rp-btn .rp-label{font-size:9px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--pred-muted)}.pred-rp-btn.active .rp-label{color:#00d4ffb3}.pred-rp-btn .rp-popular{position:absolute;top:-8px;left:50%;transform:translate(-50%);background:var(--rp-accent);color:#000;font-size:8px;font-weight:900;letter-spacing:1px;text-transform:uppercase;padding:2px 8px;border-radius:3px;white-space:nowrap}.pred-platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.pred-platform-btn{background:#b366ff0a;border:1.5px solid rgba(179,102,255,.15);border-radius:var(--pred-radius-sm);padding:16px 8px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:all .15s ease;font-family:var(--pred-font);color:var(--pred-text)}.pred-platform-btn:hover{background:#b366ff14;border-color:#b366ff66;transform:translateY(-2px)}.pred-platform-btn.active{background:#b366ff1f;border-color:var(--sp-accent);box-shadow:0 0 20px #b366ff33}.pred-platform-icon{font-size:22px;line-height:1}.pred-platform-name{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--pred-muted)}.pred-platform-btn.active .pred-platform-name{color:var(--sp-accent)}.pred-platform-price{font-size:13px;font-weight:800;color:var(--pred-text)}.pred-section-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--pred-muted);margin-bottom:10px;display:block}.pred-rank-row{display:flex;gap:6px;margin-bottom:24px}.pred-rank-pill{flex:1;background:#b366ff0a;border:1.5px solid rgba(179,102,255,.12);border-radius:8px;padding:9px 4px;font-size:12px;font-weight:700;color:var(--pred-muted);cursor:pointer;transition:all .14s ease;font-family:var(--pred-font);text-align:center}.pred-rank-pill:hover{border-color:#b366ff59;color:var(--pred-text)}.pred-rank-pill.active{background:#b366ff1f;border-color:var(--sp-accent);color:var(--sp-accent)}.pred-price-box{background:#ffffff08;border-radius:var(--pred-radius-sm);padding:20px 24px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between;flex:1}.rp .pred-price-box{border:1px solid rgba(0,212,255,.15)}.sp .pred-price-box{border:1px solid rgba(179,102,255,.15)}.pred-price-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--pred-muted)}.pred-price-val{font-size:42px;font-weight:900;line-height:1;transition:all .2s ease}.rp .pred-price-val{color:var(--rp-accent);text-shadow:0 0 30px rgba(0,212,255,.4)}.sp .pred-price-val{color:var(--sp-accent);text-shadow:0 0 30px rgba(179,102,255,.4)}.pred-price-sub{font-size:12px;color:var(--pred-muted);margin-top:4px}.pred-cta{width:100%;padding:18px 24px;border:none;border-radius:var(--pred-radius-sm);font-size:14px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;font-family:var(--pred-font);transition:all .18s ease;display:flex;align-items:center;justify-content:center;gap:8px}.pred-cta:disabled{opacity:.3;cursor:not-allowed}.rp .pred-cta{background:linear-gradient(135deg,#00d4ff,#08c);color:#000}.rp .pred-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #00d4ff59}.sp .pred-cta{background:linear-gradient(135deg,#b366ff,#72c);color:#fff}.sp .pred-cta:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px #b366ff59}.pred-note{font-size:11px;color:var(--pred-muted);text-align:center;margin-top:12px;line-height:1.5}@media(max-width:989px){.pred-wrapper{padding:60px 3rem}.pred-title{font-size:40px}}@media(max-width:700px){.pred-wrapper{padding:48px 1.5rem}.pred-card.recommended{transform:scale(1);margin-top:20px}.pred-columns{grid-template-columns:1fr;gap:24px}.pred-columns:after{display:none}.pred-title{font-size:32px}.pred-rp-grid{grid-template-columns:repeat(3,1fr)}.pred-card{padding:28px 20px}.pred-price-val{font-size:34px}}@media(max-width:400px){.pred-rp-grid{grid-template-columns:repeat(2,1fr)}.pred-platform-grid{grid-template-columns:repeat(3,1fr)}}.pred-card.recommended{border-color:var(--sp-accent);box-shadow:0 0 80px #b366ff26,inset 0 1px #b366ff33;transform:scale(1.02);position:relative}.pred-recommended-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#b366ff,#72c);color:#fff;font-size:11px;font-weight:900;letter-spacing:2px;text-transform:uppercase;padding:6px 20px;border-radius:20px;white-space:nowrap;box-shadow:0 4px 20px #b366ff66}.pred-usp-list{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:10px}.pred-usp-list li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:#d0d0e8;line-height:1.4;background:#b366ff0d;border:1px solid rgba(179,102,255,.1);border-radius:8px;padding:10px 14px}.pred-usp-icon{flex-shrink:0;font-size:15px;line-height:1.4}.pred-wrapper *,.pred-wrapper *:before,.pred-wrapper *:after{box-sizing:border-box}.pred-wrapper button{cursor:pointer;appearance:none;-webkit-appearance:none}
/*# sourceMappingURL=/cdn/shop/t/15/assets/apex-predator.css.map */