html{margin:0;padding:0}body{background:white;margin:0;padding:0;font-size:16px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",sans-serif}*{box-sizing:border-box}a,a:visited,a:hover{color:#222;text-decoration:underline}main{display:flex;flex-direction:column;width:100%;min-height:100vh;height:100%}@media screen and (min-width: 768px){main{flex-direction:row}}main>section{flex:1;padding:2rem}main>section.visual-container{display:flex;flex-direction:column;color:white;background:#738add;background:linear-gradient(-135deg, #738add 0%, #3952cd 100%)}main>section.visual-container .visual{text-transform:uppercase;width:100%;max-width:620px}main>section.visual-container .visual h1{margin:0;font-size:clamp(1.6rem, 5vw, 3rem);font-weight:100;padding-left:20px}main>section.visual-container .visual h2{margin:0;padding-left:20px}main>section.visual-container .visual svg,main>section.visual-container .visual img{width:100%;max-width:768px;height:auto}@media screen and (min-width: 768px){main>section.visual-container .visual h1,main>section.visual-container .visual h2{padding-left:70px}}@media screen and (min-width: 768px){main>section.visual-container{align-items:center;justify-content:center}}main>section.form-container{background:white;display:flex;justify-content:center}@media screen and (min-width: 768px){main>section.form-container{align-items:center}}form{width:100%;max-width:400px}form label.form-label{display:block;margin-bottom:5px;width:100%;text-transform:uppercase;color:#6c6c6c;font-size:0.8rem}form label.required:after{content:'*';color:#6c6c6c;margin-left:5px;font-size:1.25rem}form .form-control{background:white;padding:0.75rem;width:100%;border-radius:10px;border:0;outline:2px solid #738add;font-size:1.15rem;color:#738add;font-weight:bold}form .form-control:hover{outline-color:#738add}form .form-control:focus{color:#738add;outline-color:#738add}form .form-check{padding:2px;display:flex;align-items:flex-start;font-size:0.75rem;border:1px solid #eee;border-radius:5px;padding:10px}form .form-check .form-check-label{flex:1;margin-left:3px;cursor:pointer;color:#6c6c6c;text-align:justify;margin-right:20px;padding-left:20px}form .form-check .form-check-label:before{content:'';display:block;width:14px;height:14px;border:2px solid #6c6c6c;border-radius:5px;margin-right:7px;margin-top:0px;margin-left:-25px;float:left}form .form-check .form-check-label.required:after{font-size:1rem}form .form-check .form-check-input{display:none}form .form-check .form-check-input:checked+.form-check-label{color:#6c6c6c}form .form-check .form-check-input:checked+.form-check-label:before{display:flex;align-items:center;content:'\2713';font-size:0.9rem;font-weight:bold;border-color:#738add;background-color:#738add;color:white}form .form-check a{background:#eee;display:block;margin-right:auto;margin-top:auto;padding:3px 6px;border-radius:3px;text-decoration:none}form .form-check a:after{content:' >';display:inline-block;margin-left:3px}form:after{content:'I campi contrassegnati con asterisco sono obbligatori';display:block;font-size:0.7rem;color:#6c6c6c;margin-top:2rem}button{margin-top:1rem;background:#3952cd;border:2px solid white;padding:1rem 1.5rem;border-radius:10px;cursor:pointer;transition:all 0.25s linear;font-size:1.2rem;text-transform:uppercase;color:white;position:relative}button:hover{transform:translate(0, -3px);transition:all 0.25s linear;background:#738add}button:hover:after{content:'';position:absolute;top:3px;left:3px;right:3px;bottom:3px;border-radius:8px;border:2px solid white}button.btn-primary{background:#738add}button.btn-primary:hover{background:#738add}button:disabled{opacity:0.5;cursor:not-allowed;background:#6c6c6c;color:#222}.mt-4{margin-top:1.5rem}.mb-3{margin-bottom:0.75rem}
