body {margin:0;font-family:'Segoe UI',sans-serif;background:#0b0b0b;color:white;}
.header {padding:20px;background:#111;text-align:center;}
.logo {font-size:26px;font-weight:bold;color:#ff3d00;}
.section-title {padding:20px 40px;}
.grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:25px;padding:40px;}
.card {position:relative;border-radius:15px;overflow:hidden;
transition:0.4s;cursor:pointer;}
.card img {width:100%;height:400px;object-fit:cover;}
.card:hover {transform:scale(1.05);}
.overlay {position:absolute;bottom:0;background:rgba(0,0,0,0.75);
width:100%;padding:20px;}
.btn {display:inline-block;padding:8px 16px;
background:#ff3d00;color:white;text-decoration:none;border-radius:6px;}
.screen {background:#ccc;color:black;padding:10px;text-align:center;margin:20px;}
.row {display:flex;justify-content:center;margin-bottom:5px;}
.seat {width:35px;height:35px;margin:4px;font-size:10px;
display:flex;align-items:center;justify-content:center;
border-radius:5px;cursor:pointer;}
.available {background:green;}
.booked {background:red;cursor:not-allowed;}
.selected {background:blue;}
button {padding:10px;margin-top:20px;}