/* GoldenPalm — testowe kasyno B (symulacja klienta bttr) */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: Georgia, serif; background: #17121f; color: #efe8d8; }
header { position: sticky; top: 0; z-index: 10; background: #3a2a4d; padding: 12px 24px;
         display: flex; align-items: center; gap: 24px; }
.logo { font-size: 22px; font-weight: 800; color: #e8c76a; text-decoration: none; }
nav a { color: #d8cfe8; text-decoration: none; margin-right: 16px; }
nav a.active { color: #e8c76a; border-bottom: 2px solid #e8c76a; }
.cta { margin-left: auto; background: #e8c76a; color: #241a30; border: 0; padding: 8px 18px;
       border-radius: 20px; font-weight: 700; cursor: pointer; }
main { max-width: 1000px; margin: 0 auto; padding: 24px; }
h1 { margin: 18px 0; color: #e8c76a; }
.banner { background: linear-gradient(120deg, #3a2a4d, #1a1226); border-radius: 12px;
          padding: 44px 30px; font-size: 26px; font-weight: 700; }
.tiles { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin-top: 16px; }
.tile { background: #241a30; border: 1px solid #3a2a4d; border-radius: 8px; height: 100px;
        display: flex; align-items: center; justify-content: center; cursor: pointer; }
.tile:hover { border-color: #e8c76a; }
.long { height: 1500px; }
footer { padding: 30px; color: #665a77; text-align: center; }
.popup-holder-bc { position: fixed; inset: 0; background: rgba(0,0,0,.8); z-index: 100;
                   display: flex; align-items: center; justify-content: center; }
.popup-holder-bc.hidden { display: none; }
.modal-box { background: #241a30; padding: 30px; border-radius: 10px; width: 320px; }
.modal-box input { width: 100%; margin: 8px 0; padding: 10px; border-radius: 6px;
                   border: 1px solid #555; background: #17121f; color: #eee; }
.modal-box .close { float: right; cursor: pointer; color: #887; }