#login-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 9999; justify-content: center; align-items: center; } #login-modal .modal-content { background: #fff; padding: 30px; border-radius: 8px; max-width: 600px; width: 90%; max-height: 90vh; overflow: auto; position: relative; } .close-btn { position: absolute; top: 10px; right: 10px; background: #ccc; border: none; padding: 5px 10px; cursor: pointer; }