.ba-eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-cyan);margin-bottom:20px;display:flex;align-items:center;gap:16px}.ba-eyebrow:before{content:"";display:block;width:40px;height:1px;background:var(--color-cyan);opacity:.6}.ba-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}.ba-card{position:relative;background:#0121474d;border:1px solid rgba(255,255,255,.05);border-radius:14px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:320px;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.ba-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#00b8d480,#ffc50480,#00b8d480);z-index:5}.ba-card:hover{transform:translateY(-3px);border-color:#00b8d44d;box-shadow:0 16px 50px #0009}.ba-card .after-side{background:linear-gradient(180deg,#ffffff1a,#ffffff0a 60%,#ffffff05),linear-gradient(170deg,transparent 20%,rgba(255,197,4,.14) 100%),radial-gradient(ellipse at bottom right,rgba(0,184,212,.16),transparent 65%)}.ba-card .diagonal{position:absolute;top:0;bottom:0;left:50%;width:180px;transform:translate(-50%);pointer-events:none;z-index:3;overflow:hidden}.ba-card .diagonal:before{content:"";position:absolute;left:50%;top:-10%;height:120%;width:22px;transform:translate(-50%);transform-origin:center;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 24'><line x1='6' y1='0' x2='6' y2='24' stroke='%23FFC504' stroke-width='0.9' opacity='0.75'/><line x1='16' y1='0' x2='16' y2='24' stroke='%23FFC504' stroke-width='0.9' opacity='0.75'/><line x1='11' y1='2' x2='11' y2='8' stroke='%2300B8D4' stroke-width='1.6' stroke-linecap='round'/><line x1='11' y1='16' x2='11' y2='22' stroke='%2300B8D4' stroke-width='1.6' stroke-linecap='round'/></svg>");background-repeat:repeat-y;background-size:22px 24px;background-position:center top;-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 86%,transparent);filter:drop-shadow(0 0 4px rgba(0,184,212,.45))}.ba-side{padding:32px 24px;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1}.ba-side.before-side{padding-right:32px;padding-top:56px}.ba-side.after-side{padding-left:32px;padding-top:56px}.ba-state-head{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px 6px 8px;border:1px solid currentColor;border-radius:999px;background:#ffffff05;align-self:flex-start}.ba-state-label{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.2em;text-transform:uppercase}.ba-state-glyph{width:18px;height:18px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ba-state-glyph svg{width:11px;height:11px}.before-side .ba-state-head{color:#f87171;border-color:#f871718c;background:#f8717114}.before-side .ba-state-label{color:#f87171}.before-side .ba-state-glyph{color:#0a0a0f;background:#f87171}.before-side .ba-state-text{font-family:var(--font-body);font-size:17px;font-weight:400;line-height:1.55;color:#ffffffc7}.after-side .ba-state-head{color:#00c853;border-color:#00c85399;background:#00c85314}.after-side .ba-state-label{color:#00c853}.after-side .ba-state-glyph{color:#0a0a0f;background:#00c853}.after-side .ba-state-text{font-family:var(--font-body);font-size:17px;font-weight:500;line-height:1.55;color:#fff}.ba-card-meta{position:absolute;top:16px;left:18px;z-index:4;display:inline-flex;align-items:center;gap:8px;padding:5px 10px;border:1px solid rgba(0,184,212,.4);background:#00b8d414;border-radius:4px}.ba-card-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;color:var(--color-cyan)}@media(max-width:900px){.ba-stack{grid-template-columns:1fr}}@media(max-width:560px){.ba-card{grid-template-columns:1fr;min-height:0}.ba-side,.ba-side.before-side,.ba-side.after-side{padding:32px 28px}.ba-side.before-side,.ba-side.after-side{padding-top:56px}.ba-card .diagonal{display:none}}.ba-legend{margin-top:56px;display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);flex-wrap:wrap;gap:16px}.ba-legend-text{font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:#8bb8d973}.ba-legend-text .accent{color:var(--color-cyan)}.ba-legend-tag{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--color-gold);padding:6px 12px;border:1px solid rgba(255,197,4,.3);border-radius:4px}