body{margin:0;font-family:'Inter',sans-serif;background:#0A3A45;color:#F4F4F4}

.hero{
height:100vh;
background:url('images/bussola.jpg') center/cover no-repeat;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
position:relative;
padding:20px
}

.overlay{position:absolute;width:100%;height:100%;background:rgba(10,58,69,.72)}

.hero-content{position:relative;max-width:700px}

.headline{font-family:'Bebas Neue';font-size:60px;line-height:1}

.hero-text{font-size:20px;margin-top:20px}

.date{margin-top:20px;border:2px solid #C7A56B;display:inline-block;padding:10px 20px;border-radius:30px}

.cta{display:inline-block;margin-top:30px;background:#1C7E8C;padding:15px 30px;color:white;text-decoration:none;border-radius:6px}

.sec{padding:80px 20px}

.wrap{max-width:800px;margin:auto}

.dark{background:#0F5662}

.light{background:#F4F4F4;color:#0A3A45}

ul{line-height:1.8}

form{margin-top:30px;display:flex;flex-direction:column;gap:12px}

input{padding:14px;border:none;border-radius:5px}

button{padding:16px;background:#1C7E8C;border:none;color:white;border-radius:6px}

footer{text-align:center;padding:40px;font-size:14px}

.acc{
background:#0A3A45;
color:white;
cursor:pointer;
padding:18px;
width:100%;
border:none;
text-align:left;
font-size:16px;
margin-top:10px;
border-radius:6px
}

.panel{
background:white;
color:#0A3A45;
max-height:0;
overflow:hidden;
transition:max-height 0.3s ease;
padding:0 15px;
border-radius:6px
}