@charset "UTF-8";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:radial-gradient(circle,#48124F,#6F207C);color:#fff;display:flex;justify-content:center;align-items:center;min-height:100%;padding:20px}footer{display:flex;justify-content:center;align-items:center;width:100%;height:80px;padding:20px;margin-top:5vh}footer img{min-width:15vw;max-width:25vw}.container{width:90%}.progress-bar{width:100%;height:4px;background:rgba(255,255,255,.2);margin-bottom:30px}.progress-bar.step-0{display:none}.progress-bar .progress-completed{width:25%;height:4px;background-color:#fff;transition:margin-left .5s ease-in-out}.progress-bar .progress-completed.step-1{margin-left:0%}.progress-bar .progress-completed.step-2{margin-left:25%}.progress-bar .progress-completed.step-3{margin-left:50%}.progress-bar .progress-completed.step-4{margin-left:75%}.text-right{text-align:right;margin-bottom:20px}.text-left{text-align:left;margin-bottom:20px}.separator-right{width:60px;height:2px;background-color:#fff;margin:20px 0 20px auto}h1{font-size:3.5rem;font-weight:700}p.welcome,p.intro{font-size:1.1rem;font-weight:400;line-height:1.5}form{display:flex;flex-direction:column;gap:20px}input,select{background:transparent;border:2px solid #fff;color:#fff;padding:10px;font-size:1rem;border-radius:5px;outline:none}input::placeholder,select{color:#fff;font-weight:300}.select-wrapper{position:relative}select{appearance:none;width:100%;cursor:pointer}button{background-color:#fff;color:#6f207c;font-size:1.5rem;font-weight:700;border:none;border-radius:5px;padding:10px;cursor:pointer;text-transform:lowercase}button[disabled]{cursor:not-allowed;background-color:#fff6}button:hover{opacity:.9}.warning{font-size:.9rem;font-weight:300;line-height:1.4;margin-top:15px}@media (max-width: 768px){h1{font-size:2.5rem}p.welcome,p.intro{font-size:1rem}button{font-size:1rem;padding:8px}}@media (max-width: 480px){h1{font-size:2rem}p.welcome,p.intro{font-size:.9rem}.separator-right{width:40px}button{font-size:.9rem;padding:6px}.warning{font-size:.8rem}}select{background:transparent;border:2px solid #fff;color:#fff;padding:10px;font-size:1rem;border-radius:5px;outline:none;cursor:pointer}option{background:#6F207C;color:#fff}select:focus,select:active{background:#6F207C;color:#fff}select option{background-color:#6f207c;color:#fff}.select-wrapper .arrow{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#fff;pointer-events:none;font-size:1.2rem}
