.rank-page{background:linear-gradient(180deg,#eaf1f8,#f7f9fc 42%,#e9f0f7)}
.rank-page .shell{padding:34px}.rank-panel{overflow:hidden;margin:0!important;border:0;border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(0,33,77,.12)}
.rank-panel>.section-head{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:195px;padding:40px 44px;background:linear-gradient(120deg,#00172f 0%,#063f80 58%,#0c67bf 100%);color:#fff}
.rank-panel>.section-head:before{content:"";position:absolute;right:-80px;top:-160px;width:430px;height:430px;border:68px solid rgba(255,255,255,.055);border-radius:50%}.rank-panel>.section-head:after{content:"";position:absolute;left:50%;bottom:-115px;width:280px;height:230px;background:linear-gradient(145deg,rgba(255,255,255,.08),transparent);transform:rotate(32deg)}
.rank-panel>.section-head>div{position:relative;z-index:1;max-width:720px}.rank-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:12px;padding:6px 9px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.09);color:#c7e3ff;font-size:9px;font-weight:950;letter-spacing:.14em}.rank-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:#e4bd51;box-shadow:0 0 10px #e4bd51}.rank-panel>.section-head h1{margin:0;font-size:34px;letter-spacing:-.025em;text-transform:none}.rank-panel>.section-head p{max-width:620px;margin:10px 0 0;color:#dcecff;font-size:15px;line-height:1.6}
.rank-header-summary{position:relative;z-index:1;display:grid;place-items:center;flex:0 0 116px;height:116px;border:1px solid rgba(255,255,255,.2);border-radius:19px;background:rgba(255,255,255,.1);box-shadow:inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(8px)}.rank-header-summary strong{align-self:end;font-size:38px;line-height:1}.rank-header-summary span{align-self:start;margin-top:5px;color:#bddbfa;font-size:9px;font-weight:950;letter-spacing:.12em}
.rank-accordion{counter-reset:rank-level;gap:11px;padding:28px 30px 35px;background:linear-gradient(180deg,#f8fbff,#eef4fa)}
.rank-accordion .rank-item{--rank-accent:#146cca;--rank-soft:#e9f3ff;counter-increment:rank-level;position:relative;border:1px solid #d3dfed;border-left:0;border-radius:11px;background:#fff;box-shadow:0 5px 16px rgba(0,35,82,.055);transition:transform .2s,box-shadow .2s,border-color .2s}
.rank-accordion .rank-item:nth-child(-n+3){--rank-accent:#b38819;--rank-soft:#fff6da}.rank-accordion .rank-item:nth-child(n+4):nth-child(-n+5){--rank-accent:#7253a8;--rank-soft:#f2ecfb}.rank-accordion .rank-item:nth-child(n+10){--rank-accent:#087f75;--rank-soft:#e5f7f4}
.rank-accordion .rank-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--rank-accent)}.rank-accordion .rank-item:hover{transform:translateY(-2px);border-color:#aec6df;box-shadow:0 11px 27px rgba(0,43,96,.11)}.rank-accordion .rank-item:has(.rank-toggle[aria-expanded="true"]){border-color:#a9c6e4;box-shadow:0 15px 34px rgba(0,43,96,.14)}
.rank-accordion .rank-toggle{display:grid;grid-template-columns:48px minmax(0,1fr) 38px;gap:14px;min-height:74px;padding:12px 16px 12px 20px}.rank-accordion .rank-toggle:before{content:counter(rank-level,decimal-leading-zero);display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--rank-soft);color:var(--rank-accent);font-size:11px;font-weight:950;letter-spacing:.06em}.rank-accordion .rank-toggle>span:first-child{display:flex;align-items:center;justify-content:space-between;gap:20px}.rank-accordion .rank-toggle b{color:#001b3f;font-size:16px}.rank-accordion .rank-toggle small{padding:6px 9px;border-radius:999px;background:#f0f4f9;color:#53677f;font-size:10px;font-weight:800;white-space:nowrap}.rank-accordion .rank-chevron{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#edf4fc;color:#0b5dac;font-size:20px;line-height:1}.rank-accordion .rank-toggle:hover .rank-chevron{background:var(--rank-accent);color:#fff}.rank-accordion .rank-toggle:focus-visible{outline:3px solid rgba(20,108,202,.22);outline-offset:-3px}
.rank-accordion .rank-toggle[aria-expanded="true"]{background:linear-gradient(90deg,var(--rank-soft),#fff)}.rank-accordion .rank-toggle[aria-expanded="true"] .rank-chevron{background:var(--rank-accent);color:#fff}
.rank-accordion .rank-detail{background:#f4f8fc}.rank-accordion .rank-detail-inner{gap:12px;padding:17px;border-top:1px solid #d9e4ef;background:#f4f8fc}.rank-accordion .rank-detail-inner>div{padding:18px;border:1px solid #d8e3ef;border-radius:9px;background:#fff}.rank-accordion .rank-detail-inner>div+div{border-left:1px solid #d8e3ef}.rank-accordion .rank-detail h3{display:flex;align-items:center;gap:8px;margin-bottom:9px;color:var(--rank-accent);font-size:10px;letter-spacing:.08em}.rank-accordion .rank-detail h3:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--rank-accent)}.rank-accordion .rank-detail p{color:#50627a;font-size:13px;line-height:1.65}
@media(max-width:760px){.rank-page .shell{padding:14px}.rank-panel{border-radius:12px}.rank-panel>.section-head{align-items:flex-start;flex-direction:column;min-height:185px;padding:29px 22px}.rank-panel>.section-head h1{font-size:28px}.rank-header-summary{display:flex;gap:8px;width:auto;height:auto;margin-top:18px;padding:9px 12px}.rank-header-summary strong{font-size:20px}.rank-header-summary span{margin:0}.rank-accordion{padding:18px 15px 26px}.rank-accordion .rank-toggle{grid-template-columns:40px minmax(0,1fr) 34px;padding:11px 10px 11px 15px}.rank-accordion .rank-toggle:before{width:36px;height:36px}.rank-accordion .rank-toggle>span:first-child{display:block}.rank-accordion .rank-toggle small{display:inline-block;margin-top:5px}.rank-accordion .rank-detail-inner{grid-template-columns:1fr;padding:12px}.rank-accordion .rank-detail-inner>div+div{border-left:1px solid #d8e3ef;border-top:1px solid #d8e3ef}}
@media(max-width:430px){.rank-accordion .rank-toggle small{max-width:180px;overflow:hidden;text-overflow:ellipsis}.rank-accordion .rank-toggle b{font-size:14px}}
@media(prefers-reduced-motion:reduce){.rank-accordion .rank-item,.rank-accordion .rank-chevron{transition:none}}