:root{
  --green:#8BB41A;
  --text:#222;
  --muted:#666;
  --border:#8BB41A;
  --footer:#4a4a4a;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:'Poppins', sans-serif;
  color:var(--text);
}

.container{
  max-width:1120px;
  margin:auto;
  padding:0 24px;
}

/* HEADER */
.header{
  padding:32px 0 16px;
}
.header__inner{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
}
.logo{
  max-width:520px;
  width:100%;
}
.lang{
  display:flex;
  justify-content:flex-end;
  gap:10px;
}
.flag{
  width:24px;
  height:16px;
  border-radius:2px;
  cursor: pointer;
}
.flag.it{background:linear-gradient(90deg,#009246 0 33%,#fff 33% 66%,#ce2b37 66%)}
.flag.uk{background:#012169}

/* INTRO */
.intro{
  text-align:center;
  font-size:18px;
  margin:32px auto 48px;
}

/* FEATURES */
.features{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:32px;
  text-align:center;
}
.icon-box{
  width:92px;
  height:92px;
  margin:0 auto 14px;
  border:2px solid var(--border);
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.icon-box img{
  width:56px;
  height:56px;
  filter: none;
}
.feature p{
  font-size:16px;
  line-height:1.3;
}

/* CTA */
.hint{
  text-align:center;
  margin:40px 0 16px;
}
.cta{
  text-align:center;
  margin-bottom:48px;
}
.btn-primary{
  background:var(--green);
  color:#fff;
  padding:14px 28px;
  border-radius:6px;
  text-decoration:none;
  font-weight:600;
  letter-spacing:.2em;
}

/* CARD */
.card{
  border:2px solid var(--border);
  border-radius:20px;
  max-width:720px;
  margin:0 auto 64px;
  padding:32px;
  text-align:left;
}
.card h2{
  text-align:center;
  margin-bottom:24px;
}
.card label{
  display:block;
  margin:16px 0 6px;
}
.card input{
  width:100%;
  padding:10px 12px;
  border-radius:6px;
  border:1px solid #999;
}

/* ACTIONS */
.actions{
  display:flex;
  justify-content:space-between;
  margin-top:24px;
}
.btn-outline{
  background:#fff;
  border:2px solid var(--green);
  color:var(--green);
  padding:12px 26px;
  border-radius:6px;
  font-weight:600;
}

/* FOOTER */
.footer{
  background:var(--footer);
  color:#fff;
  padding:16px;
  font-size:13px;
  text-align:center;
}

/* RESPONSIVE */
@media(max-width:900px){
  .features{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:500px){
  .features{grid-template-columns:1fr}
  .actions{flex-direction:column;gap:12px}
}