
body{
font-family:Arial, sans-serif;
margin:0;
color:#222;
line-height:1.6;
}

.container{
max-width:1100px;
margin:auto;
padding:50px 20px;
}

.hero{
background:#f4f7fb;
}

.hero-grid{
display:grid;
grid-template-columns:1fr;
gap:40px;
}

h1{
font-size:38px;
margin-bottom:20px;
}

.subtitle{
font-size:20px;
}

.progress-bar{
height:14px;
background:#ddd;
border-radius:7px;
overflow:hidden;
margin:10px 0;
}

.progress-fill{
height:100%;
background:#003366;
}

.cta-button{
display:inline-block;
background:#003366;
color:white;
padding:14px 28px;
border-radius:6px;
text-decoration:none;
font-weight:bold;
margin-top:20px;
}

.cta-button.large{
font-size:20px;
padding:18px 34px;
}

.press-wrapper{
display:flex;
flex-direction:column;
align-items:center;
gap:20px;
margin-top:20px;
}

.press-bar{
max-width:900px;
width:100%;
opacity:0.9;
}

.video-wrapper{
position:relative;
padding-bottom:56%;
height:0;
}

.video-wrapper iframe{
position:absolute;
width:100%;
height:100%;
}

.media-item{
margin-bottom:30px;
}

.about-grid{
display:grid;
grid-template-columns:300px 1fr;
gap:40px;
align-items:center;
}

.about-photo img{
width:100%;
border-radius:8px;
}

.steps{
display:flex;
gap:40px;
text-align:center;
}

.step h3{
font-size:32px;
color:#003366;
}

.deadline{
background:#003366;
color:white;
text-align:center;
}

.final{
text-align:center;
background:#f4f7fb;
}

.email{
font-weight:bold;
font-size:18px;
}

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

.small{
font-size:12px;
opacity:0.8;
}
