/* Font personalizzati */
@font-face {
    font-family: 'FuturaLTPro';
    src: url('FuturaLTPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'FuturaLTPro';
    src: url('FuturaLTPro-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'FuturaLTPro';
    src: url('FuturaLTPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

/* Reset e stili base */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
  font-family: 'FuturaLTPro', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background-color: #4c5257;
  color: #FFF5E9;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  font-variant: normal;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
  max-height: 100vh;
}

.logo {
  max-width: 180px;
  width: 100%;
  height: 8vh;
  object-fit: cover;
}

form {
  display: flex;
  flex-direction: column;
  /* background-color: #4d5257; */
  padding: 20px;
  border-radius: 20px;
  gap: 15px;
  background: radial-gradient(circle at 100% 100%, #5b6065 0, #5b6065 5px, transparent 5px) 0% 0%/6px 6px no-repeat,
            radial-gradient(circle at 0 100%, #5b6065 0, #5b6065 5px, transparent 5px) 100% 0%/6px 6px no-repeat,
            radial-gradient(circle at 100% 0, #5b6065 0, #5b6065 5px, transparent 5px) 0% 100%/6px 6px no-repeat,
            radial-gradient(circle at 0 0, #5b6065 0, #5b6065 5px, transparent 5px) 100% 100%/6px 6px no-repeat,
            linear-gradient(#5b6065, #5b6065) 50% 50%/calc(100% - 2px) calc(100% - 12px) no-repeat,
            linear-gradient(#5b6065, #5b6065) 50% 50%/calc(100% - 12px) calc(100% - 2px) no-repeat,
            linear-gradient(337deg, transparent 0%, #aaaaaa 100%);
border-radius: 6px;
padding: 16px;
box-sizing: border-box;
}

.form-input {
  padding: 13px;
  border-radius: 10px;
  background-color: #333a40;
  color: #FFF5E9;
  width: 100%;
  border: none;
}

.form-input[type="checkbox"] {
  width: auto;
  margin-top: 5px;
}

.form-input::placeholder {
  color: #9d9a97;
  opacity: 1;
}

.form-input-container p {
  font-size: 14px;
}

.form-submit {
  padding: 13px;
  border-radius: 10px;
  background-color: #a5a49f;
  color: #333a40;
  font-weight: 700;
  text-transform: uppercase;
  border: none;
}

.form-input-terms{
  display: flex;
  justify-content: space-between;
  align-items: start;
  gap: 10px;
}

.form-input-terms p {
  color: #a5a49f;
  font-size: 12px;
}

.form-input-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: start;
  gap: 5px;
}

.container-header {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  gap:8px
}

.container-header h1 {
  font-family: 'FuturaLTPro', sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: #FFF5E9;
  text-align: center;
}

footer {
  text-align: center;
  padding: 10px 0;
  font-size: 8px
}