:root{--bg:#080b0f;--panel:#0f141a;--steel:#1a222b;--border:#29323c;--red:#ef233c;--text:#f2f5f7;--muted:#8996a5;--gold:#d6a84b;--green:#40e685}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 0,#43151d55,transparent 32%),var(--bg);color:var(--text);font-family:Inter,sans-serif}
.vip-page{display:block!important;width:min(1420px,calc(100% - 42px))!important;max-width:1420px!important;margin:0 auto!important;padding:34px 0 80px!important}.vip-page>*{grid-column:auto!important}
.vip-hero{position:relative;isolation:isolate;overflow:hidden;min-height:510px;display:grid!important;grid-template-columns:minmax(0,1fr) 355px!important;align-items:center;gap:34px;padding:58px;border:1px solid #343c45;border-left:4px solid var(--red);background:linear-gradient(90deg,rgba(8,11,15,.98) 0%,rgba(8,11,15,.9) 29%,rgba(8,11,15,.27) 62%,rgba(8,11,15,.78) 100%),url('vanguard-membership-hero-v1.png') center/cover no-repeat;box-shadow:0 28px 80px #0008}.vip-hero:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--red),var(--gold),transparent);z-index:-1}.hero-copy{max-width:640px}.vip-hero span,.tier-cards span,.section-title>span{color:var(--red);font-size:10px;font-weight:800;letter-spacing:.2em}.vip-hero h1{margin:18px 0;font-size:clamp(48px,5vw,76px);line-height:.92;letter-spacing:-.055em}.vip-hero h1 em{color:var(--red);font-style:normal;text-shadow:0 0 32px #ef233c55}.vip-hero p{max-width:590px;color:#b1bbc6;font-size:15px;line-height:1.75}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.hero-tags b{padding:9px 12px;border:1px solid #39424d;background:#090d12cc;font-size:9px;letter-spacing:.12em}.hero-tags b:last-child{border-color:#276044;color:var(--green)}
.vip-hero aside{align-self:center;padding:28px;border:1px solid #68404a;background:linear-gradient(145deg,#1e1117e8,#0c1117eb);backdrop-filter:blur(12px);box-shadow:0 18px 55px #000a}.vip-hero aside small{color:var(--muted);font-size:9px;letter-spacing:.14em}.vip-hero aside>b{display:block;margin:13px 0;color:var(--gold);font-size:28px}.vip-hero aside p{font-size:12px;line-height:1.55}.vip-hero aside strong{display:block;margin-top:18px;color:var(--green);font-size:11px;line-height:1.6}.vip-hero aside a{display:inline-block;margin-top:16px;padding:13px 17px;background:var(--red);color:white;text-decoration:none;font-size:10px;font-weight:800}
.section-title{padding:54px 4px 20px;text-align:center}.section-title h2{margin:10px 0 7px;font-size:30px}.section-title p{margin:0;color:var(--muted);font-size:13px}
.tier-cards{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px;margin:0 0 28px}.tier-cards article{position:relative;min-height:430px;padding:30px;border:1px solid var(--border);background:linear-gradient(145deg,#141a21,#0c1015);transition:.25s transform,.25s border-color,.25s box-shadow}.tier-cards article:hover{transform:translateY(-5px);border-color:#59636f;box-shadow:0 18px 45px #0008}.tier-emblem{display:grid;width:64px;height:64px;margin-bottom:28px;place-items:center;border:1px solid #45505c;background:radial-gradient(circle,#27313b,#10151b);color:#dce4eb;font-size:27px;font-style:normal;font-weight:800;clip-path:polygon(50% 0,92% 22%,92% 75%,50% 100%,8% 75%,8% 22%)}.tier-cards .gold{border-color:#755f32;background:linear-gradient(145deg,#28200f,#0f141a 65%)}.tier-cards .gold .tier-emblem{border-color:#b28a37;background:radial-gradient(circle,#624a18,#18130a);color:#ffd875;box-shadow:0 0 30px #d6a84b33}.tier-cards .gold span{color:var(--gold)}.tier-cards .legend{border-color:#713344;background:linear-gradient(145deg,#32121b,#0f141a 68%)}.tier-cards .legend .tier-emblem{border-color:#ef233c;background:radial-gradient(circle,#6a1523,#180a0d);color:#ff5268;box-shadow:0 0 30px #ef233c44}.tier-cards h2{margin:12px 0 8px;font-size:25px}.tier-cards p{min-height:48px;color:var(--muted);font-size:12px;line-height:1.55}.tier-foot{position:absolute;right:30px;bottom:26px;left:30px;padding-top:15px;border-top:1px solid #2b333c;color:#aab5c0;font-size:9px;letter-spacing:.14em}
.comparison{width:100%;overflow:hidden;border:1px solid var(--border);background:var(--panel)}.comparison header,.comparison article{display:grid!important;grid-template-columns:2fr repeat(3,minmax(110px,1fr))!important;align-items:center;min-height:62px;padding:0 26px;border-bottom:1px solid #222b34}.comparison header{background:var(--steel);font-size:10px;letter-spacing:.12em}.comparison article:hover{background:#141a21}.comparison article strong{font-size:12px}.comparison article span{color:var(--muted);font-size:11px;font-weight:700}.comparison .gold-value{color:var(--gold)}.comparison .legend-value{color:#ff6578}.vip-note{margin-top:18px;padding:24px;border:1px solid #24553a;background:#0d1914}.vip-note b{color:var(--green)}.vip-note p{margin:8px 0 0;color:var(--muted)}
.perk-list{margin:0 0 18px;padding:0 0 0 16px;color:#aab5c0;font-size:12px;line-height:1.7}.tier-price{display:block;margin:8px 0 12px;color:#f2f5f7;font-size:22px}.tier-price small{color:#8996a5;font-size:10px;letter-spacing:.08em}.buy-tier{display:inline-block;margin-bottom:48px;padding:12px 16px;border:0;background:#ef233c;color:#fff;text-decoration:none;font-size:10px;font-weight:800;cursor:pointer}.buy-tier.legend-buy{background:#8b1727}.buy-tier.ghost{background:#1a222b;color:#40e685}
.checkout-modal{position:fixed;z-index:40;left:50%;top:50%;width:min(460px,calc(100vw - 32px));transform:translate(-50%,-50%);padding:28px;border:1px solid #68404a;background:#0c1117;box-shadow:0 0 0 100vmax #0009,0 24px 70px #000}.checkout-modal[hidden]{display:none}.checkout-modal small{color:#ef233c;font-size:9px;letter-spacing:.16em}.checkout-modal h2{margin:12px 0}.checkout-modal p{color:#8996a5;line-height:1.6}.checkout-modal b{display:block;margin:16px 0;padding:14px;border:1px dashed #d6a84b;color:#d6a84b;font-size:22px;letter-spacing:.12em;text-align:center}.checkout-modal a{display:inline-block;padding:12px 16px;background:#ef233c;color:#fff;text-decoration:none;font-size:10px;font-weight:800}.checkout-modal button{position:absolute;top:12px;right:12px;border:0;background:transparent;color:#8996a5;font-size:24px}
@media(max-width:1000px){.vip-hero{grid-template-columns:1fr!important;min-height:620px;padding:36px;background-position:65% center}.vip-hero aside{max-width:430px}.tier-cards{grid-template-columns:1fr!important}.tier-cards article{min-height:auto}}@media(max-width:650px){.vip-page{width:min(100% - 24px,1420px)!important}.vip-hero{padding:25px;min-height:650px}.vip-hero h1{font-size:42px}.comparison{overflow:auto}.comparison header,.comparison article{min-width:720px}.top nav{overflow:auto}}