*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;}
body{background:#0a0a15;color:white;transition:.4s;}
a{color:#ddd;text-decoration:none;cursor:pointer;}
a:hover{color:#4da4ff;}
#loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;justify-content:center;align-items:center;transition:1s;color:white;font-size:22px;}
header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#111;border-bottom:2px solid #1f5cff;}
header .logo{font-size:24px;font-weight:bold;color:#1f8bff;text-shadow:0 0 15px #1f8bff;}
header nav{display:flex;gap:15px;}
#menuBtn{display:none;font-size:28px;color:white;cursor:pointer;}
#content{padding:20px;min-height:70vh;}
footer#playerBar{position:fixed;bottom:0;left:0;width:100%;height:80px;background:#111;border-top:2px solid #1f5cff;}
#playerFrame{width:100%;height:100%;border:none;}
body{
    padding-bottom:120px!important;
}

@media(max-width:700px){
    header nav{display:none;flex-direction:column;background:#111;position:absolute;top:60px;left:0;width:100%;padding:10px;}
    header nav.show{display:flex;}
    #menuBtn{display:block;}
}