.topLead{color:#d8c7a0;font-size:18px;text-align:center;max-width:560px;margin:0 auto}
.topSec{padding:90px 0 120px;background:#0b0804}
.topTabs{display:flex;justify-content:center;gap:0;margin:0 auto 54px;width:max-content;max-width:100%;border:1px solid rgba(217,180,106,.35)}
.topTabs a{padding:12px 30px;color:#d8c7a0;text-decoration:none;font-size:14px;letter-spacing:2px;text-transform:uppercase;transition:background .2s,color .2s}
.topTabs a.on{background:#d9b46a;color:#110d08}
.topTabs a:not(.on):hover{color:#f6dc9c}
.topGrid{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.topBoard{position:relative;padding:40px 34px 30px;border:1px solid rgba(217,180,106,.3);background:linear-gradient(180deg,rgba(26,20,12,.92),rgba(12,9,5,.96))}
.topBoard:before{content:"";position:absolute;inset:8px;border:1px solid rgba(217,180,106,.14);pointer-events:none}
.topHead{text-align:center;margin-bottom:30px}
.topEye{display:block;font-size:12px;letter-spacing:4px;text-transform:uppercase;color:#d9b46a;margin-bottom:10px}
.topHead h2{font-family:"Noto Serif Display",Georgia,serif;font-weight:400;font-size:36px;color:#f6dc9c;margin:0 0 6px}
.topHead p{margin:0;color:#a8977a;font-size:14px}
.topPod{display:flex;align-items:flex-end;justify-content:center;gap:12px;margin-bottom:26px}
.topP{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 8px 18px;border:1px solid rgba(217,180,106,.25);background:rgba(217,180,106,.05);text-align:center}
.topP1{padding-top:34px;padding-bottom:28px;border-color:#d9b46a;background:radial-gradient(circle at 50% 0,rgba(217,180,106,.22),rgba(217,180,106,.05) 70%)}
.topP b{font-weight:500;color:#f4ead6;font-size:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topP strong{font-family:"Noto Serif Display",Georgia,serif;font-weight:400;font-size:24px;color:#f6dc9c}
.topP1 strong{font-size:30px}
.topP small{color:#a8977a;font-size:12px}
.topMedal{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;font-style:normal;font-weight:600;color:#110d08;background:linear-gradient(150deg,#fff3c8,#e9c66f 45%,#b8892f);margin-bottom:6px;box-shadow:0 0 22px rgba(233,198,111,.35)}
.topP1 .topMedal{width:46px;height:46px;font-size:18px}
.topP2 .topMedal{background:linear-gradient(150deg,#f4f4f4,#bcbcbc 50%,#8d8d8d);box-shadow:0 0 18px rgba(200,200,200,.25)}
.topP3 .topMedal{background:linear-gradient(150deg,#f3c9a0,#c98a52 50%,#8f5a2a);box-shadow:0 0 18px rgba(201,138,82,.25)}
.topRows{display:flex;flex-direction:column}
.topRow{display:grid;grid-template-columns:34px 1fr auto auto;gap:14px;align-items:center;padding:13px 4px;border-top:1px solid rgba(217,180,106,.14)}
.topNo{color:#a8977a;font-size:14px}
.topRow b{font-weight:500;color:#f4ead6;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topRow small{color:#a8977a;font-size:12px}
.topRow strong{color:#f0d391;font-weight:500;min-width:84px;text-align:right}
.topNone{text-align:center;color:#a8977a;padding:40px 0}
.topCta{text-align:center;margin-top:54px}
@media(max-width:900px){.topGrid{grid-template-columns:1fr}.topSec{padding:60px 0 80px}}
@media(max-width:480px){.topBoard{padding:30px 14px 20px}.topPod{gap:6px}.topP strong{font-size:18px}.topP1 strong{font-size:22px}.topRow{grid-template-columns:26px 1fr auto}.topRow small{display:none}}
.topHero{background-position:center bottom}
.topHeroDesc{align-items:center;text-align:center;margin-top:80px;gap:18px}
.topHeroDesc h1{text-shadow:0 4px 30px rgba(0,0,0,.6)}
.topLead{color:#e6d6ae;text-shadow:0 2px 16px rgba(0,0,0,.8)}
.topP b{font-size:16px;color:#f6dc9c}
.topCta .btn{display:inline-flex;width:auto;height:52px;padding:0 38px;font-size:16px}