.promotion-page { min-height: calc(100vh - 150px); display: grid; grid-template-columns: minmax(360px, 1.08fr) minmax(320px, .92fr); background: #0c121a; border-block: 1px solid #2b3747; overflow: hidden; }
.promotion-page__visual { position: relative; min-height: 620px; overflow: hidden; background: #070b11; }
.promotion-page__visual::after { content: ""; position: absolute; inset: 0; border-right: 1px solid var(--promo-accent); box-shadow: inset -80px 0 100px rgba(4,8,13,.55); }
.promotion-page__visual span { position: absolute; z-index: 2; inset: -45% 0 auto; height: 35%; background: linear-gradient(transparent, color-mix(in srgb, var(--promo-accent) 20%, transparent), transparent); animation: promo-scan 4s linear infinite; }
.promotion-page__visual img { width: 100%; height: 100%; object-fit: cover; animation: promo-drift 12s ease-in-out infinite alternate; }
.promotion-page__copy { align-self: center; padding: 70px clamp(34px, 5vw, 90px); }
.promotion-page__copy > p { color: var(--promo-accent); font-size: 12px; font-weight: 900; }
.promotion-page__copy h1 { margin: 14px 0 24px; color: #f4f7fb; font-size: clamp(46px, 7vw, 86px); line-height: .95; letter-spacing: 0; }
.promotion-page__copy > div { max-width: 600px; color: #aeb9c8; font-size: 18px; line-height: 1.7; }
.promotion-page__copy a { display: inline-flex; margin-top: 30px; padding: 12px 18px; border: 1px solid var(--promo-accent); border-radius: 6px; color: #f4f7fb; text-decoration: none; }
.promotion-page__copy small { display: flex; align-items: center; gap: 9px; margin-top: 24px; color: #dbe6e1; }
.promotion-page__copy small i { width: 9px; height: 9px; border-radius: 50%; background: var(--promo-secondary); box-shadow: 0 0 18px var(--promo-secondary); }
@keyframes promo-scan { to { transform: translateY(1000px); } }
@keyframes promo-drift { to { transform: scale(1.08) translateX(-1%); } }
@media (max-width: 760px) { .promotion-page { grid-template-columns: 1fr; } .promotion-page__visual { min-height: 340px; } .promotion-page__visual::after { border-right: 0; border-bottom: 1px solid var(--promo-accent); } .promotion-page__copy { padding: 38px 26px 60px; } }