#policy-popup { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50%; max-width: 800px; height: 400px; max-height: 80%; overflow: hidden; background-color: #222; padding: 20px 10px 20px 20px; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); z-index: 1000; opacity: 0; border-radius: 10px; transition: opacity 0.5s ease; }
#close-btn { cursor: pointer; position: absolute; top: 10px; right: 10px; font-size: 20px; color: white; }
#fixed-container { position: absolute; top: 0; left: 0; right: 0; background-color: #222; padding: 10px; text-align: center; }
.policy-title { font-size: 24px; margin-bottom: 20px; color: white !important; }
#scrollable-content { overflow-y: auto; height: calc(100% - 40px); margin-top: 40px; color: white; padding-right: 10px; }
#scrollable-content h3 {font-size:12pt}
#scrollable-content a {color:white; text-decoration:underline}

/* Media query for mobile phones */
@media only screen and (max-width: 600px) { #policy-popup { width: 100%; padding: 20px; } }