body{
font-family: Arial;
margin:0;
background:#f5f5f5;
}

.banner img{
width:100%;
height:auto;
display:block;
}

.title-section{
text-align:center;
padding:20px;
background:white;
}

section{
padding:30px;
margin:20px;
background:white;
border-radius:8px;
}

h1{
color:#b22222;
}

h2{
color:#333;
}

ul{
line-height:1.8;
}

.apply{
text-align:center;
}

.apply-btn{
background:#b22222;
color:white;
border:none;
padding:15px 30px;
font-size:18px;
cursor:pointer;
border-radius:6px;
}

.apply-btn:hover{
background:#8b0000;
}

footer{
text-align:center;
padding:20px;
background:#222;
color:white;
}

.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: white;
margin: 5% auto;
padding: 25px;
width: 80%;
max-height: 80%;
overflow-y: auto;
border-radius: 10px;
}

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

.readme-btn{
background:#333;
color:white;
padding:12px 25px;
border:none;
cursor:pointer;
border-radius:5px;
}