:root { 
    --accent: #6f42c1; 
}
.hero {
    background: linear-gradient(120deg, rgba(111,66,193,0.15), rgba(255,255,255,0.05)), url('https://images.unsplash.com/photo-1458560871784-56d23406c091?q=80&w=1074&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D') center/cover no-repeat;
    min-height: 75vh;
    display: flex;
    align-items: center;
    color: #111;
}
.play-btn {
    background: linear-gradient(90deg, var(--accent), #ff7ab6);
    color: white;
    border: 0;
    padding: .6rem 1.2rem;
    border-radius: 999px;
    font-weight: 500;
}
footer { 
    background:#0f1724; 
    color:#cbd5e1;
}