body {
font-family: "Segoe UI", Tahoma, sans-serif;
background: #f4f6f9;
}


.agreement {
margin: 20px;
font-size: 14px;
}


.link {
color: #0066cc;
cursor: pointer;
text-decoration: underline;
}


.modal {
display: none;
position: fixed;
z-index: 1000;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.6);
}


.modal-content {
background: #fff;
margin: 5% auto;
padding: 25px;
width: 90%;
max-width: 600px;
border-radius: 8px;
max-height: 85vh;
overflow-y: auto;
}


.modal-content h2 {
margin-top: 0;
color: #333;
}


.modal-content h3 {
margin-top: 20px;
color: #444;
}


.close {
float: right;
font-size: 24px;
cursor: pointer;
}


.footer-note {
margin-top: 20px;
font-size: 13px;
color: #666;
}