.vip-page{--vip-accent:#d4af37;--vip-accent-2:#a81320;--vip-bg:#f5efe5;--vip-card:#fff;--vip-text:#1f1713;--vip-muted:#756861;--vip-border:#e1d2bc;padding:34px 0 72px;background:var(--vip-bg);color:var(--vip-text)}
.vip-page.vip-cyan{--vip-accent:#22d3ee;--vip-accent-2:#0891b2;--vip-bg:#07111f;--vip-card:#101d30;--vip-text:#f1f5f9;--vip-muted:#9aabc0;--vip-border:#223b55}
.vip-page.vip-navy{--vip-accent:#f4c95d;--vip-accent-2:#be8c25;--vip-bg:#071323;--vip-card:#0f2035;--vip-text:#f8fafc;--vip-muted:#a7b5c7;--vip-border:#253c55}
.vip-shell{width:min(1180px,calc(100% - 32px));margin:auto}.vip-breadcrumb{margin-bottom:28px;color:var(--vip-muted);font-size:14px}.vip-breadcrumb a{color:var(--vip-accent);text-decoration:none}
.vip-title{text-align:center;margin:0 auto 34px;max-width:760px}.vip-kicker{display:block;margin-bottom:8px;color:var(--vip-accent);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.vip-title h1{margin:0 0 12px;font-size:clamp(30px,4vw,48px);line-height:1.15}.vip-title p{margin:0;color:var(--vip-muted);line-height:1.7}
.vip-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:42px}.vip-benefit{padding:24px;border:1px solid var(--vip-border);border-radius:14px;background:var(--vip-card);box-shadow:0 12px 30px rgba(0,0,0,.08)}.vip-benefit b{color:var(--vip-accent);font-size:13px}.vip-benefit h2{margin:28px 0 8px;font-size:18px}.vip-benefit p{margin:0;color:var(--vip-muted);font-size:14px;line-height:1.65}
.vip-table-card{overflow:hidden;border:1px solid var(--vip-border);border-radius:14px;background:var(--vip-card);box-shadow:0 18px 45px rgba(0,0,0,.16)}.vip-tools{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--vip-border)}.vip-search span{display:block;margin-bottom:6px;color:var(--vip-muted);font-size:11px;font-weight:700;text-transform:uppercase}.vip-search input{width:180px;height:40px;padding:0 12px;border:1px solid var(--vip-border);border-radius:7px;background:var(--vip-bg);color:var(--vip-text);font:inherit}.vip-tabs{display:flex;flex-wrap:wrap;gap:6px}.vip-tabs button{padding:8px 11px;border:1px solid var(--vip-border);border-radius:6px;background:transparent;color:var(--vip-muted);font:600 12px inherit;cursor:pointer}.vip-tabs button.active,.vip-tabs button:hover{border-color:var(--vip-accent-2);background:var(--vip-accent-2);color:#fff}
.vip-scroll{max-height:620px;overflow:auto}.vip-table{width:100%;min-width:1020px;border-collapse:collapse;font-size:13px}.vip-table thead{position:sticky;top:0;z-index:2}.vip-table th{padding:14px 11px;background:#33080d;color:#f8d77f;font-size:11px;line-height:1.35;text-align:right;text-transform:uppercase}.vip-cyan .vip-table th{background:#06283a;color:#7ee9f7}.vip-navy .vip-table th{background:#09101a;color:#f6d77e}.vip-table th:first-child,.vip-table td:first-child{text-align:left}.vip-table td{padding:11px;border-bottom:1px solid var(--vip-border);color:var(--vip-muted);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.vip-table tbody tr:nth-child(even){background:color-mix(in srgb,var(--vip-card) 86%,var(--vip-accent) 14%)}.vip-table tbody tr:hover{background:color-mix(in srgb,var(--vip-card) 76%,var(--vip-accent) 24%)}.vip-badge{display:inline-block;min-width:58px;padding:6px;border-radius:6px;background:color-mix(in srgb,var(--vip-card) 70%,var(--vip-accent) 30%);color:var(--vip-accent);font-weight:800;text-align:center}.vip-reward{color:var(--vip-accent)!important;font-weight:800}.vip-empty{display:none;padding:40px;text-align:center;color:var(--vip-muted)}.vip-note{max-width:820px;margin:16px auto 0;color:var(--vip-muted);font-size:12px;line-height:1.65;text-align:center}
.vip-table th:first-child,.vip-table td:first-child{position:sticky;left:0;z-index:1;background:var(--vip-card);box-shadow:7px 0 12px -10px rgba(0,0,0,.75)}.vip-table th:first-child{z-index:4;background:#33080d;color:#f8d77f}.vip-cyan .vip-table th:first-child{background:#06283a;color:#7ee9f7}.vip-navy .vip-table th:first-child{background:#09101a;color:#f6d77e}
.vip-table th,.vip-table td{border-right:1px solid var(--vip-border);border-bottom:1px solid var(--vip-border);text-align:center}.vip-table th:first-child,.vip-table td:first-child{text-align:center}.vip-table th:last-child,.vip-table td:last-child{border-right:0}
.vip-info{margin-top:34px}.vip-rules-card{padding:30px;border:1px solid var(--vip-border);border-radius:14px;background:var(--vip-card);box-shadow:0 12px 30px rgba(0,0,0,.08)}.vip-rules-card h2{margin:0 0 22px;color:var(--vip-accent);font-size:clamp(22px,3vw,30px);text-align:center}.vip-rules{display:grid;gap:0;margin:0;padding:0;list-style:none;counter-reset:vip-rule}.vip-rules li{position:relative;padding:18px 18px 18px 58px;border-bottom:1px solid var(--vip-border);color:var(--vip-muted);line-height:1.75;counter-increment:vip-rule}.vip-rules li:last-child{border-bottom:0}.vip-rules li::before{position:absolute;top:16px;left:8px;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--vip-accent-2);color:#fff;font-size:13px;font-weight:800;content:counter(vip-rule)}.vip-rules strong{color:var(--vip-text)}
.vip-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:42px;border:1px solid var(--vip-border);border-radius:14px;background:var(--vip-card)}.vip-step{padding:28px;text-align:center;border-left:1px solid var(--vip-border)}.vip-step:first-child{border-left:0}.vip-step i{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 15px;border-radius:50%;background:var(--vip-accent-2);color:#fff;font-style:normal;font-weight:800}.vip-step h2{margin:0 0 7px;font-size:18px}.vip-step p{margin:0;color:var(--vip-muted);font-size:14px}
@media(max-width:900px){.vip-benefits{grid-template-columns:repeat(2,1fr)}.vip-tools{align-items:stretch;flex-direction:column}.vip-search input{width:100%}}
@media(max-width:640px){.vip-page{padding-top:24px}.vip-benefits,.vip-steps{grid-template-columns:1fr}.vip-benefit{padding:20px}.vip-benefit h2{margin-top:18px}.vip-step{border-left:0;border-top:1px solid var(--vip-border)}.vip-step:first-child{border-top:0}.vip-scroll{max-height:560px}.vip-rules-card{padding:20px 14px}.vip-rules li{padding:16px 4px 16px 48px}.vip-rules li::before{left:4px}}