.modInfoSection .modHeroBanner{color:#212121;background:#eff5f9;border-radius:18px;justify-content:space-between;align-items:center;gap:32px;margin-top:40px;margin-bottom:40px;padding:20px 60px;display:flex}.modInfoSection .heroTitle{font-size:20px;font-weight:600}.modInfoSection .heroTitle .highlight{color:#04217d;padding-bottom:2px;font-size:32px;font-weight:700;line-height:1.8}.modInfoSection .heroListTitle{color:#616161;margin:4px 0 0;font-weight:500}.modInfoSection .heroListWrapper .heroCheckList{text-align:left;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb3;border-radius:12px;min-width:280px;padding:16px 80px 16px 32px;box-shadow:0 4px 12px #00000008}.modInfoSection .heroCheckList li{font-size:18px;font-weight:500;line-height:1.8}.modInfoSection .heroCheckList li:before{content:"✓ ";color:var(--primary);margin-right:8px;font-weight:700}.modInfoSection .modSectionBlock{margin-bottom:40px}.modInfoSection .sectionHeader{margin-bottom:20px}.modInfoSection .headerTag{color:var(--primary);margin-bottom:4px;font-weight:700;display:block}.modInfoSection .sectionTitle{margin:0;font-size:20px;font-weight:700}.modInfoSection .modCardGrid{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.modInfoSection .modCard{text-align:center;background:#fff;border:1px solid #e1e1e1;border-radius:20px;flex-direction:column;align-items:center;padding:20px 16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.modInfoSection .modCard:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 20px -8px #00000014}.modInfoSection .cardIconWrap{background-color:#eaf7ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:14px;font-size:22px;display:flex}.modInfoSection .cardIconWrap img{width:38px}.modInfoSection .cardTitle{margin-bottom:6px;font-weight:700;display:block}.modInfoSection .cardDesc{color:#616161;margin:0;font-size:14px;font-weight:500;line-height:1.4}.modInfoSection .timelineContainer{background:#eff5f9;border-radius:20px;padding:28px 20px}.modInfoSection .timelineList{justify-content:space-between;display:flex;position:relative}.modInfoSection .timelineList:before{content:"";z-index:0;background:#cbd5e1;height:2px;position:absolute;top:20px;left:30px;right:30px}.modInfoSection .timelineStep{z-index:1;text-align:center;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.modInfoSection .stepNum{border:2px solid var(--primary);width:48px;height:48px;color:var(--primary);background:#fff;border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;font-weight:800;display:flex;box-shadow:0 2px 6px #0000000d}.modInfoSection .stepContent strong{word-break:keep-all;margin-bottom:2px;font-weight:700;display:block}.modInfoSection .stepContent span{color:#616161;font-size:14px;font-weight:500}.modInfoSection .bottomCombinedBanner{background:#fff;border:1px solid #e2e8f0;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:24px;display:flex}.modInfoSection .uniFooterSection{background-color:#fff;border:1px solid #e1e1e1;border-radius:12px;justify-content:space-between;align-items:center;padding:20px 32px 20px 24px;display:flex;box-shadow:0 4px 16px #00000005}.modInfoSection .uniFooterBannerText{align-items:center;gap:8px;display:flex}.modInfoSection .uniFooterBannerText div{font-size:18px;font-weight:700}.modInfoSection .uniFooterBannerText span{color:#616161;font-weight:500}.modInfoSection .uniAdigaButton img{width:auto;height:48px;display:block}.modInfoSection .uniAdigaButton:focus-visible{outline-offset:4px;outline:2px solid #008cd4}.modInfoSection .rememberNoticeBox{background:#f7f7f7;border-radius:20px;margin-bottom:20px;padding:24px 32px;box-shadow:0 2px 8px #00000005}.modInfoSection .noticeList{flex-direction:column;gap:10px;display:flex}.modInfoSection .noticeList li{color:#424242;padding-left:28px;font-size:18px;font-weight:500;line-height:1.5;position:relative}.modInfoSection .noticeList li:before{content:"✓";color:var(--primary);font-size:18px;font-weight:700;position:absolute;top:0;left:0}.modInfoSection .noticeList li strong{color:#212121;font-size:18px;font-weight:700}@media (max-width:1024px){.modInfoSection .modHeroBanner{flex-direction:column;align-items:flex-start}.modInfoSection .heroListWrapper{box-sizing:border-box;width:100%}.modInfoSection .modCardGrid{grid-template-columns:repeat(3,1fr)}.modInfoSection .bottomCombinedBanner{flex-direction:column;align-items:stretch}.modInfoSection .uniFooterBannerText{flex-direction:column;align-items:flex-start}.modInfoSection .uniFooterBannerText div{font-size:16px}.modInfoSection .uniFooterBannerText span{font-size:14px}.modInfoSection .uniAdigaButton img{height:39px}.modInfoSection .uniGuideTitle{font-size:20px}.modInfoSection .uniGuideDesc{font-size:14px}}@media (max-width:648px){.modInfoSection .modHeroBanner{justify-content:flex-start;gap:24px;padding:24px 16px;display:flex}.modInfoSection .heroListWrapper .heroCheckList{padding:16px 24px}.modInfoSection .heroTitle,.modInfoSection .heroListTitle{font-size:14px}.modInfoSection .heroTitle .highlight{font-size:24px}.modInfoSection .heroCheckList li{font-size:16px}.modInfoSection .headerTag{font-size:14px}.modInfoSection .sectionTitle{font-size:16px}.modInfoSection .modCardGrid{grid-template-columns:repeat(1,1fr)}.modInfoSection .modCard{text-align:left;flex-direction:row;gap:16px}.modInfoSection .cardIconWrap{margin-bottom:0}.modInfoSection .timelineList{flex-direction:column;gap:16px}.modInfoSection .timelineList:before{display:none}.modInfoSection .timelineStep{text-align:left;flex-direction:row;gap:14px}.modInfoSection .stepNum{margin-bottom:0}.modInfoSection .rememberNoticeBox{padding:18px 20px}.modInfoSection .noticeList li,.modInfoSection .noticeList li strong{font-size:14px}.modInfoSection .uniFooterSection{flex-direction:column;align-items:flex-start;gap:16px}.modInfoSection .uniAdigaButton{align-self:flex-end}}
