.explorer-ranks-page .page{margin-top:0}.er-pg{background:#f8fafc;padding-bottom:4rem}.er-wrap{max-width:1120px;margin:0 auto;padding:0 1.5rem}.er-hero{position:relative;overflow:hidden;padding:3rem 1.5rem 5.5rem;background:linear-gradient(135deg,#4f46e5 0,#6366f1 50%,#7c3aed 100%);color:#fff;text-align:center}.er-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,transparent 1px 76px),repeating-linear-gradient(0deg,rgba(255,255,255,.07) 0 1px,transparent 1px 76px)}.er-hero__inner{position:relative;z-index:1;max-width:46rem;margin:0 auto}.er-hero__badge{display:inline-block;padding:.25rem 1rem;border-radius:9999px;background:rgba(255,255,255,.16);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.er-hero__title{margin:1rem 0 0;font-size:clamp(1.9rem,5vw,3rem);font-weight:700;line-height:1.15;text-wrap:balance}.er-hero__sub{margin:.75rem auto 0;max-width:34rem;font-size:1.125rem;color:rgba(255,255,255,.88)}.er-panel{position:relative;z-index:2;margin-top:-3.5rem;padding:1.5rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08)}.er-panel__top,.er-you{display:flex;align-items:center}.er-panel__top{flex-wrap:wrap;justify-content:space-between;gap:1rem 1.5rem}.er-you{gap:1rem;min-width:0}.er-card__badge img,.er-you__icon{border-radius:50%;background:#f9fafb;box-shadow:0 0 0 1px var(--border-color)}.er-you__icon{flex:none;width:60px;height:60px}.er-you__name{font-size:1.25rem;font-weight:700;line-height:1.25}.er-you__sub{font-size:.875rem;color:#6b7280}.er-points{flex:none;padding:.5rem 1.25rem;border-radius:12px;background:#eef2ff;border:1px solid #e0e7ff;text-align:right}.er-points__label{display:block;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}.er-points__value{display:block;font-size:1.5rem;font-weight:700;line-height:1.2;color:#4338ca;font-variant-numeric:tabular-nums}.er-points__value span{font-size:.875rem;font-weight:600;color:#6366f1}.er-progress{margin-top:1.25rem;height:10px;border-radius:9999px;background:#f3f4f6;overflow:hidden}.er-progress i{display:block;height:100%;border-radius:9999px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899)}.er-grid-head,.er-progress__legend{display:flex;justify-content:space-between}.er-progress__legend{margin-top:.5rem;font-size:.875rem;color:#6b7280;font-variant-numeric:tabular-nums}.er-progress__legend b{color:var(--text-color)}.er-grid-head{flex-wrap:wrap;align-items:baseline;gap:.5rem;margin:3rem 0 1.25rem}.er-cta h2,.er-grid-head h2{font-size:1.5rem;font-weight:700;color:var(--text-color)}.er-grid-head span{font-size:.875rem;color:#6b7280;font-variant-numeric:tabular-nums}.er-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(288px,1fr));gap:1rem;margin:0;padding:0;list-style:none}.er-card{position:relative;display:flex;gap:1rem;padding:1.25rem;background:#fff;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:transform .15s ease,box-shadow .15s ease}.er-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.er-card__badge{position:relative;flex:none;width:72px;height:72px}.er-card__badge img{width:72px;height:72px}.er-card__body{min-width:0}.er-card__name{font-size:1.125rem;font-weight:600;line-height:1.3;color:var(--text-color)}.er-card__pts{font-size:.82rem;font-weight:600;color:#4f46e5;font-variant-numeric:tabular-nums}.er-card__story{margin:.5rem 0 0;font-size:.9rem;line-height:1.5;color:#4b5563}.er-card__need,.er-card__num{font-variant-numeric:tabular-nums}.er-card__need{margin:.5rem 0 0;font-size:.9rem;line-height:1.5;font-weight:500;color:#6b7280}.er-card__num{position:absolute;top:.75rem;right:1rem;font-size:.72rem;font-weight:600;color:#d1d5db}.er-card--locked{background:#f9fafb}.er-card--locked .er-card__badge img{filter:grayscale(1) contrast(.5) brightness(1.12);opacity:.55}.er-card--locked .er-card__name{color:#6b7280}.er-card--locked .er-card__pts{color:#9ca3af}.er-card__lock{position:absolute;right:-2px;bottom:-2px;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#4b5563;color:#fff;box-shadow:0 0 0 3px #f9fafb}.er-card__lock svg{display:block;width:13px;height:13px}.er-card__chip{position:absolute;top:-10px;left:1.25rem;padding:3px .75rem;border-radius:9999px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899);color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}.er-card__chip--you{background:linear-gradient(135deg,#facc15,#eab308);color:#422006}.er-card--next{border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(90deg,#6366f1,#8b5cf6,#ec4899) border-box;box-shadow:0 8px 30px rgba(99,102,241,.22)}.er-card--current{border-color:#eab308;background:linear-gradient(180deg,#fffdf3 0,#fff 60%);box-shadow:0 8px 30px rgba(234,179,8,.25)}.er-cta{margin-top:3rem;padding:2.5rem 2rem;background:linear-gradient(145deg,#fff 0,#f8f7ff 100%);border:1px solid var(--border-color);border-radius:16px;text-align:center}.er-cta h2{text-wrap:balance}.er-cta p{max-width:38rem;margin:.75rem auto 0;color:#4b5563}.er-cta__button,.er-cta__link{display:inline-block;text-decoration:none}.er-cta__button{margin:1.5rem .75rem 0;padding:.75rem 1.5rem;border-radius:10px;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;font-weight:700;transition:transform .15s ease}.er-cta__button:hover{transform:translateY(-2px)}.er-cta__link{margin-top:1.5rem;color:#4f46e5;font-weight:600}.er-cta__link:hover{text-decoration:underline}.er-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:640px){.er-hero{padding:2.5rem 1rem 4.5rem}.er-wrap{padding:0 1rem}.er-panel{padding:1.25rem}.er-points{width:100%;text-align:left}.er-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.er-card,.er-cta__button{transition:none}.er-card:hover,.er-cta__button:hover{transform:none}}