/* LuckySpin — testowe kasyno A (symulacja klienta bttr) */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Segoe UI', sans-serif; background: #12131a; color: #e8e8ee; }
header { position: sticky; top: 0; z-index: 10; background: #1b5e35; padding: 10px 24px;
         display: flex; align-items: center; gap: 24px; }
.logo { font-size: 22px; font-weight: 800; color: #ffd54a; text-decoration: none; }
nav a { color: #dfe; text-decoration: none; margin-right: 14px; font-weight: 600; }
nav a.active { color: #ffd54a; border-bottom: 2px solid #ffd54a; }
.cta { margin-left: auto; background: #ffd54a; color: #222; border: 0; padding: 8px 18px;
       border-radius: 6px; font-weight: 700; cursor: pointer; }
main { max-width: 1100px; margin: 0 auto; padding: 24px; }
h1 { margin: 18px 0; } h2 { margin: 28px 0 12px; color: #ffd54a; }
.banner { background: linear-gradient(120deg, #1b5e35, #123); border-radius: 12px;
          padding: 48px 32px; font-size: 28px; font-weight: 800; }
.tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); gap: 14px; }
.tile { background: #23242e; border-radius: 10px; height: 110px; display: flex; align-items: center;
        justify-content: center; font-weight: 700; cursor: pointer; transition: transform .15s; }
.tile:hover { transform: scale(1.04); background: #2c2d3a; }
.long { height: 1800px; background: repeating-linear-gradient(#12131a, #12131a 200px, #171822 200px, #171822 400px);
        border-radius: 10px; margin-top: 20px; }
form.demo { display: flex; flex-direction: column; gap: 10px; max-width: 360px; }
form.demo input { padding: 10px; border-radius: 6px; border: 1px solid #444; background: #1c1d26; color: #eee; }
video { width: 100%; max-width: 560px; background: #000; border-radius: 10px; }
footer { padding: 30px 24px; color: #667; text-align: center; }
/* modal rejestracji — selektory jak u BetConstruct (config: nativeModalSelectors) */
.popup-holder-bc { position: fixed; inset: 0; background: rgba(0,0,0,.75); z-index: 100;
                   display: flex; align-items: center; justify-content: center; }
.popup-holder-bc.hidden { display: none; }
.modal-box { background: #1e1f29; padding: 32px; border-radius: 12px; width: 340px; }
.modal-box h3 { margin-bottom: 14px; }
.modal-box input { width: 100%; margin-bottom: 10px; padding: 10px; border-radius: 6px;
                   border: 1px solid #444; background: #14151d; color: #eee; }
.modal-box .close { float: right; cursor: pointer; color: #888; }