.ranking-page{--bg-dark:#070708;--card-bg:rgba(20,20,22,.6);--border:hsla(0,0%,100%,.04);--text-primary:#fff;--text-secondary:#9aa0a6;--max-width:1200px;background:linear-gradient(180deg,#070708,#0c0c0e);color:var(--text-primary);min-height:100vh;padding:40px 20px;margin-top:10px;box-sizing:border-box}.ranking-page *{font-family:Inter,system-ui,-apple-system,sans-serif!important;box-sizing:border-box}.ranking-container{max-width:var(--max-width);margin:0 auto}.ranking-header{margin-bottom:40px;text-align:left}.ranking-badge{display:inline-block;background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);color:#f0b84f;font-size:11px;font-weight:700;letter-spacing:1.5px;padding:6px 12px;border-radius:999px;margin-bottom:14px}.ranking-title{font-size:2.8rem;font-weight:900;margin:0 0 10px;letter-spacing:-.03em;background:linear-gradient(135deg,#fff 30%,#f0b84f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.ranking-sub{font-size:1.1rem;color:var(--text-secondary);margin:0;max-width:700px;line-height:1.5}.ranking-grid{display:grid;grid-template-columns:1fr 380px;grid-gap:28px;gap:28px;align-items:start}.ranking-left,.ranking-right{display:flex;flex-direction:column;gap:24px}.section-subtitle{font-size:1.4rem;font-weight:800;color:#fff;margin:0 0 10px}.ranking-timeline{display:flex;flex-direction:column;gap:20px;position:relative}.rank-timeline-card{display:flex;gap:24px;position:relative}.rank-timeline-indicator{display:flex;flex-direction:column;align-items:center;position:relative}.rank-timeline-dot{width:14px;height:14px;border-radius:50%;border:3px solid #070708;z-index:2;margin-top:24px}.rank-timeline-line{position:absolute;top:38px;bottom:-32px;width:2px;background:hsla(0,0%,100%,.05);z-index:1}.rank-timeline-card:last-child .rank-timeline-line{display:none}.rank-card-inner{flex-grow:1;position:relative;background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:24px;display:flex;gap:24px;align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px rgba(0,0,0,.15);transition:transform .2s ease,border-color .2s ease;overflow:hidden}.rank-card-inner:hover{transform:translateX(4px);border-color:hsla(0,0%,100%,.08)}.rank-card-glow{position:absolute;inset:0;z-index:0;pointer-events:none}.rank-card-left{position:relative;z-index:2;flex-shrink:0}.rank-badge-img{width:64px;height:64px;border-radius:12px;object-fit:cover;background:rgba(0,0,0,.3);border:1px solid hsla(0,0%,100%,.05)}.rank-card-right{flex-grow:1;position:relative;z-index:2;display:flex;flex-direction:column;gap:12px}.rank-card-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.rank-tier-name{font-size:1.25rem;font-weight:800;margin:0;letter-spacing:-.01em}.rank-points-range{font-size:12px;font-weight:700;color:var(--text-secondary);letter-spacing:.5px}.rank-progress-container{height:6px;background:hsla(0,0%,100%,.03);border-radius:99px;overflow:hidden}.rank-progress-bar{height:100%;border-radius:99px;transition:width .3s ease}.rank-privileges-grid{display:flex;flex-wrap:wrap;gap:8px}.priv-pill{font-size:11px;font-weight:700;padding:4px 10px;border-radius:6px;text-transform:uppercase;letter-spacing:.3px}.priv-pill.enabled{background:rgba(16,185,129,.1);color:#10b981;border:1px solid rgba(16,185,129,.15)}.priv-pill.disabled{background:rgba(239,68,68,.05);color:rgba(239,68,68,.6);border:1px solid rgba(239,68,68,.1)}.priv-pill.ad-level{background:hsla(0,0%,100%,.04);color:#fff;border:1px solid hsla(0,0%,100%,.06)}.ranking-info-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;padding:28px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 8px 32px rgba(0,0,0,.15)}.ranking-info-card h3{font-size:1.2rem;font-weight:800;color:#fff;margin:0 0 10px;letter-spacing:-.01em}.info-card-desc{font-size:.92rem;color:var(--text-secondary);line-height:1.5;margin:0 0 24px}.points-rule-list{display:flex;flex-direction:column;gap:18px}.points-rule-item{display:flex;gap:16px;align-items:start}.rule-points-badge{background:rgba(240,184,79,.1);color:#f0b84f;font-size:12px;font-weight:800;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid rgba(240,184,79,.15)}.points-rule-item h4{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 4px}.points-rule-item p{font-size:.88rem;color:var(--text-secondary);margin:0;line-height:1.4}.faq-card{display:flex;flex-direction:column;gap:18px}.faq-item h4{font-size:.95rem;font-weight:700;color:#fff;margin:0 0 6px}.faq-item p{font-size:.88rem;color:var(--text-secondary);margin:0;line-height:1.5}.ranking-footer{margin-top:60px;padding-top:24px;border-top:1px dashed hsla(0,0%,100%,.05);text-align:center}.ranking-footer p{color:var(--text-secondary);font-size:.98rem;line-height:1.6}@media (max-width:992px){.ranking-grid{grid-template-columns:1fr;gap:24px}}@media (max-width:768px){.ranking-page{margin-top:10px;padding:20px 12px}.ranking-badge{font-size:9px;padding:4px 8px;margin-bottom:8px}.ranking-header{margin-bottom:24px}.ranking-title{font-size:1.8rem}.ranking-sub{font-size:.95rem}.section-subtitle{font-size:1.2rem;margin-bottom:14px}.rank-card-inner{padding:16px;gap:16px;border-radius:12px}.rank-badge-img{width:48px;height:48px}.rank-tier-name{font-size:1.05rem}.rank-points-range{font-size:11px}.priv-pill{font-size:9px;padding:3px 6px}.ranking-info-card{padding:18px;border-radius:12px}.ranking-info-card h3{font-size:1.05rem}.info-card-desc{font-size:.85rem;margin-bottom:16px}.rule-points-badge{width:32px;height:32px;font-size:11px;border-radius:6px}.points-rule-item h4{font-size:.88rem}.points-rule-item p{font-size:.82rem}.faq-item h4{font-size:.88rem}.faq-item p{font-size:.82rem}.ranking-footer{margin-top:30px;padding-top:18px}.ranking-footer p{font-size:.88rem}}@media (max-width:600px){.rank-timeline-indicator{display:none}}