body{margin:0;font-family:Arial;background:url('https://nutkafm.pl/images/tlopanel.png') fixed;background-size:cover;color:#fff}
.header{text-align:center;padding:20px;background:#000b}.logo{max-width:420px;width:100%}
.menu{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:0}
.menu a{display:block;padding:12px 18px;color:#fff;text-decoration:none;background:#111;border:1px solid #d000ff;border-radius:8px;transition:.3s}
.menu a:hover{background:#d000ff;box-shadow:0 0 15px #d000ff;transform:translateY(-2px)}
.grid{display:grid;grid-template-columns:78% 22%;gap:20px;padding:20px}
.box{background:#111c;border:1px solid #d000ff;border-radius:12px;padding:15px;margin-bottom:20px}
.online-row{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.online-right iframe{background:#fff}.player-wrap{margin-top:10px}.player-wrap audio{width:260px}
.mini{height:240px;margin:12px;border:2px solid #ff00ff;border-radius:12px;padding:3px;background:#1b0030}
.partner{height:90px;margin:10px}.android{text-align:center;background:#fff;color:#000;padding:10px;border-radius:8px}
iframe{border:0;display:block;margin:auto}.box h2{text-align:center;padding:8px;background:linear-gradient(to bottom,#0b3d70,#17264a);border-bottom:1px solid #ff00ff}
.dj-item{padding:8px}.dj-item img{width:32px;height:32px;border-radius:50%;vertical-align:middle;margin-right:8px}.dj-item a{color:#fff;text-decoration:none}
.footer{text-align:center;padding:25px;background:rgba(0,0,0,.8);border-top:2px solid #d000ff}
@media(max-width:900px){.grid,.online-row{display:block}.mini{height:120px}}


/* MOCNO ZAOKRĄGLONA PRAWA KOLUMNA */
.right .box{
    background:rgba(20,20,40,.95) !important;
    border:2px solid #ff00ff !important;
    border-radius:40px !important;
    overflow:hidden !important;
    padding:0 !important;
    box-shadow:0 0 25px rgba(255,0,255,.5);
    margin-bottom:25px;
}

.right .box h2{
    margin:0 !important;
    padding:18px !important;
    border-radius:40px 40px 0 0 !important;
}

.right iframe{
    width:calc(100% - 40px) !important;
    margin:20px auto !important;
    border-radius:30px !important;
    overflow:hidden;
}

.android{
    margin:20px !important;
    padding:25px !important;
    border-radius:30px !important;
}

.right .box > *:last-child{
    margin-bottom:20px;
}



/* ===== POPRAWKA UKŁADU ===== */
html,body{
    overflow-x:hidden !important;
    max-width:100%;
}

.grid{
    grid-template-columns:75% 23% !important;
    gap:35px !important;
    padding:20px 30px 20px 20px !important;
    max-width:1800px;
    margin:0 auto;
    box-sizing:border-box;
}

.left,.right{
    min-width:0;
}

.right{
    padding-right:20px;
}

.online-row{
    justify-content:center !important;
    align-items:center !important;
    gap:80px !important;
    flex-wrap:wrap;
}

.online-left,.online-right{
    display:flex;
    flex-direction:column;
    align-items:center;
}

.online-right iframe{
    width:360px !important;
    max-width:100%;
}

@media(max-width:1200px){
    .grid{
        grid-template-columns:1fr !important;
    }

    .right{
        padding-right:0;
    }

    .online-row{
        gap:25px !important;
    }
}


/* Mniejszy pasek pozdrowień */
.pozdro-bar{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    margin:15px auto;
    width:90%;
    max-width:1200px;
}

.pozdro-online{
    width:75%;
    max-width:850px;
    background:#fff;
    border:2px solid #d000ff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 0 12px rgba(255,0,255,.5);
}

.pozdro-btn a{
    display:block;
    min-width:180px;
    text-align:center;
    padding:10px 20px;
    background:linear-gradient(90deg,#6a00ff,#d000ff);
    color:#fff;
    text-decoration:none;
    font-weight:bold;
    border-radius:15px;
    border:2px solid #d000ff;
}

@media(max-width:900px){
    .pozdro-bar{
        flex-direction:column;
        width:95%;
    }

    .pozdro-online{
        width:100%;
    }
}


/* ===== REKRUTACJA ===== */
.rekrutacja-box{
    text-align:center;
    padding:25px;
}

.rekrutacja-img{
    width:70%;
    max-width:500px;
    border-radius:20px;
    border:2px solid #d000ff;
    box-shadow:0 0 20px rgba(255,0,255,.6);
    margin:15px auto 25px auto;
    display:block;
}

.rekrutacja-opis{
    max-width:700px;
    margin:0 auto 30px auto;
    text-align:left;
    background:rgba(0,0,0,.35);
    padding:20px;
    border-radius:15px;
}

.rekrutacja-opis h2,
.rekrutacja-opis h3{
    text-align:center;
}

.rekrutacja-opis ul{
    list-style:none;
    padding:0;
}

.rekrutacja-opis li{
    padding:10px;
    margin:8px 0;
    background:rgba(255,255,255,.05);
    border-left:4px solid #d000ff;
    border-radius:8px;
}


/* ===== NOWA REKRUTACJA NUTKAFM ===== */
.wspolpraca-page{
    background:url('https://nutkafm.pl/images/tlowspolpraca.png') center top no-repeat fixed;
    background-size:cover;
}

.wspolpraca-container{
    width:90%;
    max-width:1300px;
    margin:35px auto;
    padding:35px;
    background:rgba(0,0,0,.45);
    border:2px solid #ff00ff;
    border-radius:30px;
    box-shadow:0 0 35px rgba(255,0,255,.5);
}

.wspolpraca-container h1{
    text-align:center;
    margin-bottom:35px;
    font-size:48px;
}

.rekrutacja-grid{
    display:grid;
    grid-template-columns:55% 45%;
    gap:30px;
    align-items:start;
}

.rekrutacja-img{
    width:100%;
    max-width:700px;
    border-radius:20px;
    border:2px solid #ff00ff;
    box-shadow:0 0 25px #ff00ff;
}

.rekrutacja-prawa{
    background:rgba(20,20,40,.7);
    border:2px solid #ff00ff;
    border-radius:25px;
    padding:25px;
}

.rekrutacja-prawa h2,
.rekrutacja-prawa h3{
    text-align:center;
}

.rekrutacja-prawa ul{
    list-style:none;
    padding:0;
}

.rekrutacja-prawa li{
    padding:12px;
    margin:10px 0;
    border-left:4px solid #ff00ff;
    background:rgba(255,255,255,.05);
    border-radius:10px;
}

.rekrutacja-prawa iframe{
    display:block;
    margin:20px auto 0 auto;
    border-radius:20px;
    background:#fff;
    max-width:100%;
}

@media(max-width:1000px){
    .rekrutacja-grid{
        grid-template-columns:1fr;
    }

    .wspolpraca-container h1{
        font-size:32px;
    }
}