.eg-ba-section{position:relative;overflow:hidden;margin:56px 0 0;padding:92px 0 86px;background:
radial-gradient(circle at 12% 0%,rgba(78,82,255,.16),transparent 32%),
radial-gradient(circle at 92% 82%,rgba(0,205,255,.1),transparent 28%),
linear-gradient(135deg,#080b12 0%,#0d111b 52%,#070910 100%);color:#f7f9ff;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
.eg-ba-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,black,transparent 88%)}
.eg-ba-shell{position:relative;z-index:2;width:min(1500px,calc(100% - 64px));margin:auto}
.eg-ba-head{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:end;margin-bottom:44px}
.eg-ba-kicker{font-size:12px;letter-spacing:.24em;font-weight:800;color:#8ba5ff;margin-bottom:18px}
.eg-ba-head h2{margin:0;max-width:820px;font-size:clamp(38px,5.4vw,78px);line-height:.96;letter-spacing:-.055em;font-weight:650}
.eg-ba-head-side{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.eg-ba-head-side p{margin:0;max-width:500px;color:#aab2c3;font-size:15px;line-height:1.75}
.eg-ba-nav{flex:none;display:flex;align-items:center;gap:14px}
.eg-ba-nav button{width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);color:white;font-size:20px;cursor:pointer;transition:.25s}
.eg-ba-nav button:hover{background:white;color:#0a0d14;transform:translateY(-2px)}
.eg-ba-nav span{min-width:64px;text-align:center;color:#727b8d;font-size:12px;letter-spacing:.1em}.eg-ba-nav b{color:white;font-size:15px}
.eg-ba-stage{overflow:hidden;margin-inline:calc((100vw - min(1500px,calc(100vw - 64px)))/-2);padding-inline:calc((100vw - min(1500px,calc(100vw - 64px)))/2)}
.eg-ba-track{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 0 20px;overscroll-behavior-x:contain}.eg-ba-track::-webkit-scrollbar{display:none}
.eg-ba-card{flex:0 0 clamp(320px,31vw,470px);padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer;scroll-snap-align:start}
.eg-ba-image-wrap{position:relative;display:block;overflow:hidden;border-radius:28px;background:#121827;border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 80px rgba(0,0,0,.32)}
.eg-ba-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(3,5,9,.38),transparent 35%);pointer-events:none}
.eg-ba-image-wrap img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .7s cubic-bezier(.2,.75,.2,1),filter .7s}
.eg-ba-card:hover img{transform:scale(1.025);filter:contrast(1.02) saturate(1.03)}
.eg-ba-label{position:absolute;z-index:3;top:18px;padding:8px 12px;border-radius:999px;background:rgba(8,11,18,.72);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(12px);font-size:10px;font-weight:800;letter-spacing:.16em}
.eg-ba-before{left:18px}.eg-ba-after{right:18px;color:#9be7ff}
.eg-ba-divider{position:absolute;z-index:2;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.7) 18%,rgba(255,255,255,.7) 82%,transparent);box-shadow:0 0 16px rgba(255,255,255,.35)}
.eg-ba-card-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 5px 0}
.eg-ba-card-meta span{display:grid;gap:4px}.eg-ba-card-meta small{font-size:10px;letter-spacing:.18em;color:#69738a}.eg-ba-card-meta strong{font-size:16px;font-weight:600}
.eg-ba-card-meta i{font-style:normal;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);color:#a7b9ff}
.eg-ba-foot{display:flex;align-items:center;gap:34px;margin-top:20px}.eg-ba-foot p{margin:0;max-width:760px;color:#6f788b;font-size:12px;line-height:1.6}
.eg-ba-progress{margin-left:auto;width:min(340px,30vw);height:2px;background:rgba(255,255,255,.08);overflow:hidden}.eg-ba-progress span{display:block;height:100%;width:10%;background:linear-gradient(90deg,#6675ff,#64d9ff);transition:width .3s}
.eg-ba-modal{position:fixed;z-index:99999;inset:0;display:grid;place-items:center;padding:30px;background:rgba(3,5,10,.9);backdrop-filter:blur(16px);opacity:0;visibility:hidden;transition:.28s}
.eg-ba-modal.open{opacity:1;visibility:visible}.eg-ba-modal-inner{width:min(880px,92vw);transform:translateY(16px) scale(.985);transition:.35s}.eg-ba-modal.open .eg-ba-modal-inner{transform:none}
.eg-ba-modal-inner img{display:block;width:100%;max-height:78vh;object-fit:contain;border-radius:26px;box-shadow:0 40px 120px rgba(0,0,0,.5)}
.eg-ba-modal-close{position:absolute;top:24px;right:28px;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.07);color:white;font-size:29px;cursor:pointer}
.eg-ba-modal-caption{display:flex;justify-content:space-between;gap:20px;padding:16px 4px;color:white}.eg-ba-modal-caption small{color:#8390a8;font-size:10px;letter-spacing:.16em}.eg-ba-modal-caption i{display:inline-block;width:34px;height:1px;background:#7587ff;vertical-align:middle;margin:0 8px}
@media(max-width:900px){.eg-ba-section{padding:68px 0}.eg-ba-shell{width:min(100% - 32px,1500px)}.eg-ba-head{grid-template-columns:1fr;gap:24px}.eg-ba-head-side{align-items:flex-start}.eg-ba-stage{margin-inline:-16px;padding-inline:16px}.eg-ba-card{flex-basis:min(82vw,420px)}.eg-ba-foot{align-items:flex-start}.eg-ba-progress{display:none}}
@media(max-width:560px){.eg-ba-head-side{display:block}.eg-ba-nav{margin-top:22px}.eg-ba-section{padding:58px 0}.eg-ba-image-wrap{border-radius:22px}.eg-ba-card{flex-basis:86vw}.eg-ba-modal{padding:14px}.eg-ba-modal-close{top:12px;right:12px}}