.vr-page img{width:100%;height:auto}

.vr-hero{position:relative;min-height:80vh;display:flex;align-items:flex-end}
.vr-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vr-hero-overlay{position:absolute;inset:0;background:rgba(0,0,0,0.45)}
.vr-hero-content{position:relative;max-width:480px;margin:var(--space-5);color:#fff;display:flex;flex-direction:column;gap:var(--space-2)}
.vr-hero-content h1{color:#fff}
.vr-hero-sub{color:#ddd}

.vr-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.vr-card{transition:transform .3s ease}
.vr-card:hover{transform:translateY(-4px)}

.vr-split{display:grid;grid-template-columns:40% 60%;gap:var(--space-4);align-items:center}
.vr-split-text{max-width:520px}
.vr-split-image img{border-radius:var(--radius-sm)}

.vr-casino{display:grid;grid-template-columns:60% 40%;gap:var(--space-4);align-items:start}
.vr-casino-highlight{background:var(--color-surface-secondary);padding:var(--space-3);border:1px solid var(--color-border-muted);border-radius:var(--radius-sm)}

.vr-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}

.vr-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.vr-step{padding:var(--space-3);border:1px solid var(--color-border-muted);border-radius:var(--radius-sm)}

.vr-cols-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}

.vr-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-3)}
.vr-gallery img{border-radius:var(--radius-sm);transition:transform .3s ease}
.vr-gallery img:hover{transform:scale(1.05)}

.vr-cta{background:var(--color-surface-secondary)}

@media(max-width:900px){
.vr-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.vr-split{grid-template-columns:1fr}
.vr-casino{grid-template-columns:1fr}
.vr-steps{grid-template-columns:1fr}
.vr-cols-2{grid-template-columns:1fr}
.vr-gallery{grid-template-columns:1fr}
.vr-hero-content{margin:var(--space-3);max-width:100%;text-align:center}
}

@media(max-width:600px){
.vr-grid-3{grid-template-columns:1fr}
.vr-grid-2{grid-template-columns:1fr}
}