.page-poker {
  position: relative;
}
.poker-hero {
  padding-top: clamp(5rem, 8vh, 7rem);
}
.poker-hero-inner {
  position: relative;
  padding: clamp(2.5rem, 4vw, 3.5rem);
  border-radius: var(--radius-xl);
  overflow: hidden;
}
.poker-hero-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 10% 0%, rgba(255, 46, 136, 0.3), transparent 55%), radial-gradient(circle at 90% 100%, rgba(255, 255, 255, 0.08), transparent 55%);
  opacity: 0.9;
  pointer-events: none;
}
.poker-hero-inner > * {
  position: relative;
  z-index: 1;
}
.poker-hero-row {
  align-items: center;
}
.poker-hero-content {
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.poker-hero-actions {
  margin-top: var(--space-md);
}
.poker-hero-meta {
  margin-top: var(--space-md);
}
.poker-hero-media-wrapper {
  transform: translate3d(0, 0, 0);
}
.poker-hero-image {
  mix-blend-mode: screen;
}
.poker-hero-card-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.poker-card {
  position: absolute;
  width: 32%;
  aspect-ratio: 3 / 4;
  border-radius: var(--radius-lg);
  background: radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.7), transparent 60%), linear-gradient(145deg, #11111c, #1b1b2a);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: var(--shadow-strong), var(--shadow-glow-subtle);
  overflow: hidden;
  opacity: 0.9;
}
.poker-card::before {
  content: "";
  position: absolute;
  inset: 14%;
  border-radius: inherit;
  background: radial-gradient(circle at 20% 0%, rgba(255, 46, 136, 0.8), transparent 55%), radial-gradient(circle at 80% 100%, rgba(255, 255, 255, 0.35), transparent 55%);
  mix-blend-mode: screen;
}
.poker-card-1 {
  top: 10%;
  left: 8%;
  transform: rotate(-12deg);
}
.poker-card-2 {
  top: 22%;
  right: 6%;
  transform: rotate(10deg);
}
.poker-card-3 {
  bottom: 4%;
  left: 26%;
  transform: rotate(3deg);
}
.poker-highlights-row {
  align-items: center;
}
.poker-highlights-card {
  height: 100%;
}
.poker-list {
  margin-top: var(--space-md);
}
.poker-flow-row {
  align-items: center;
}
.poker-flow-card {
  height: 100%;
}
.poker-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
}
.poker-timeline-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: var(--space-md);
  align-items: flex-start;
}
.poker-timeline-step {
  width: 2rem;
  height: 2rem;
  border-radius: 999px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--text-sm);
  font-weight: 600;
  color: #050509;
  background: radial-gradient(circle at 0 0, rgba(255, 255, 255, 0.85), transparent 55%), linear-gradient(135deg, var(--color-primary), var(--color-primary-strong));
  box-shadow: var(--shadow-glow-pink);
}
.poker-timeline-content h3 {
  font-size: 1.1rem;
  margin-bottom: var(--space-xs);
}
.poker-timeline-content p {
  margin-bottom: 0;
}
.poker-corporate-row {
  align-items: stretch;
}
.poker-corporate-card {
  height: 100%;
}
.poker-benefits-grid {
  margin-top: var(--space-lg);
}
.poker-benefit {
  padding: var(--space-md);
  border-radius: var(--radius-md);
  background: linear-gradient(135deg, rgba(10, 10, 18, 0.9), rgba(18, 18, 30, 0.96));
  border: 1px solid rgba(255, 255, 255, 0.12);
}
.poker-benefit h3 {
  font-size: 1.05rem;
  margin-bottom: var(--space-xs);
}
.poker-benefit p {
  margin-bottom: 0;
}
.poker-note {
  margin-top: var(--space-lg);
}
.poker-cta-group {
  margin-top: var(--space-lg);
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-sm);
}
.poker-summary-card {
  height: 100%;
}
.poker-footer-text {
  margin-bottom: var(--space-sm);
  font-size: var(--text-sm);
  color: var(--color-muted-soft);
}
.poker-highlights-media,
.poker-flow-media {
  max-width: 520px;
  margin-inline: auto;
}
@media (prefers-reduced-motion: no-preference) {
  .poker-hero-inner {
    animation: poker-hero-fade-in 700ms var(--transition-normal) both;
  }
  .poker-card-1 {
    animation: poker-card-float-1 8s ease-in-out infinite alternate;
  }
  .poker-card-2 {
    animation: poker-card-float-2 9s ease-in-out infinite alternate;
  }
  .poker-card-3 {
    animation: poker-card-float-3 7s ease-in-out infinite alternate;
  }
  .poker-hero-media-wrapper {
    animation: poker-media-rise 900ms var(--transition-normal) both;
  }
  .poker-timeline-item {
    opacity: 0;
    transform: translateY(12px);
  }
  .poker-timeline-item.is-visible {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 420ms var(--transition-normal), transform 420ms var(--transition-normal);
  }
}
@keyframes poker-hero-fade-in {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes poker-media-rise {
  from {
    opacity: 0;
    transform: translateY(24px) scale(0.98);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes poker-card-float-1 {
  0% {
    transform: translate3d(0, 0, 0) rotate(-12deg);
  }
  100% {
    transform: translate3d(-6px, 10px, 0) rotate(-16deg);
  }
}
@keyframes poker-card-float-2 {
  0% {
    transform: translate3d(0, 0, 0) rotate(10deg);
  }
  100% {
    transform: translate3d(8px, -10px, 0) rotate(16deg);
  }
}
@keyframes poker-card-float-3 {
  0% {
    transform: translate3d(0, 0, 0) rotate(3deg);
  }
  100% {
    transform: translate3d(-10px, -6px, 0) rotate(-2deg);
  }
}
@media (max-width: 1024px) {
  .poker-hero-inner {
    border-radius: var(--radius-lg);
  }
  .poker-card {
    width: 36%;
  }
}
@media (max-width: 768px) {
  .poker-hero-inner {
    padding: 1.8rem 1.4rem 2.1rem;
  }
  .poker-hero-row {
    flex-direction: column-reverse;
  }
  .poker-hero-media {
    margin-bottom: var(--space-lg);
  }
  .poker-cta-group {
    flex-direction: column;
    align-items: stretch;
  }
  .poker-timeline-item {
    grid-template-columns: auto minmax(0, 1fr);
  }
}
@media (max-width: 480px) {
  .poker-hero-inner {
    padding: 1.6rem 1.2rem 1.9rem;
  }
  .poker-card {
    width: 42%;
  }
}