#next { overflow: hidden; isolation: isolate; }
#next .nx-bg { position: absolute; inset: 0; z-index: -2; background: linear-gradient(180deg, rgba(5,12,23,.55), rgba(5,12,23,.9) 85%, var(--bg)), url(../assets/closing.jpg) center / cover no-repeat; }
#next .nx-cv { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; }
#next .nx-wrap { display: grid; grid-template-columns: minmax(0, 1fr) 280px; grid-template-areas: "copy qr" "people people" "foot foot"; gap: 56px 64px; align-items: center; }
#next .nx-copy { grid-area: copy; }
#next .nx-h { font-size: clamp(44px, 6.4vw, 92px); margin-bottom: 22px; }
#next .nx-btn { margin-top: 34px; font-size: 22px; padding: 20px 34px; }
#next .nx-qr { grid-area: qr; position: relative; display: block; width: 260px; height: 260px; justify-self: center; text-decoration: none; }
#next .nx-frame { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
#next .nx-frame rect { fill: rgba(255,255,255,.04); stroke: var(--cyan); stroke-width: 2; stroke-dasharray: 100; stroke-dashoffset: 100; filter: drop-shadow(0 0 10px rgba(34,211,238,.7)); transition: stroke-dashoffset 1.4s var(--ease); }
#next .nx-code { position: absolute; inset: 22px; border-radius: 14px; background: #fff; padding: 14px; opacity: 0; transform: scale(.94); transition: opacity .7s 1.1s, transform .7s 1.1s var(--ease); }
#next .nx-code svg, #next .nx-code canvas, #next .nx-code img { width: 100% !important; height: 100% !important; display: block; image-rendering: pixelated; }
#next .nx-scan { position: absolute; left: 0; right: 0; bottom: -34px; text-align: center; font: 600 12px/1 var(--body); letter-spacing: .2em; text-transform: uppercase; color: var(--cyan); }
#next.play .nx-frame rect { stroke-dashoffset: 0; }
#next.play .nx-code { opacity: 1; transform: none; }
#next .nx-people { grid-area: people; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
#next .nx-card { display: flex; gap: 16px; align-items: center; padding: 22px; border-radius: 18px; background: rgba(11,26,46,.72); border: 1px solid var(--line); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  opacity: 0; transform: translateY(30px); transition: opacity .7s, transform .7s var(--ease), border-color .3s; transition-delay: calc(.5s + var(--i) * .15s); }
#next .nx-card:hover { border-color: rgba(34,211,238,.45); }
#next.play .nx-card { opacity: 1; transform: none; }
#next .nx-av { flex: none; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; font: 700 16px/1 var(--head); color: var(--cyan); background: rgba(34,211,238,.1); border: 1px solid rgba(34,211,238,.4); }
#next .nx-card b { display: block; font: 600 17px/1.25 var(--head); color: var(--white); }
#next .nx-card small { display: block; color: var(--text); font-size: 14px; margin-top: 2px; }
#next .nx-card em { display: block; font-style: normal; color: var(--muted); font-size: 12.5px; letter-spacing: .08em; margin-top: 4px; }
#next .nx-foot { grid-area: foot; display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; border-top: 1px solid var(--line); padding-top: 22px; color: var(--muted); font-size: 15px; }
#next .nx-foot a { color: var(--text); text-decoration: none; } #next .nx-foot a:hover { color: var(--cyan); }
#next .nx-thanks { font: 600 15px/1 var(--head); letter-spacing: .3em; text-transform: uppercase; color: var(--white); }
#next.fin * { transition: none !important; }
@media (max-width: 900px) {
  #next .nx-wrap { grid-template-columns: 1fr; grid-template-areas: "copy" "qr" "people" "foot"; gap: 48px; }
  #next .nx-people { grid-template-columns: 1fr; gap: 12px; }
  #next .nx-btn { font-size: 18px; padding: 17px 26px; }
  #next .nx-qr { width: 220px; height: 220px; } #next .nx-code { inset: 18px; padding: 10px; }
  #next .nx-foot { flex-direction: column; align-items: flex-start; margin-bottom: 20px; }
}
@media (prefers-reduced-motion: reduce) { #next * { transition: none !important; } #next .nx-frame rect { stroke-dashoffset: 0; } #next .nx-code, #next .nx-card { opacity: 1; transform: none; } }