:root{--white: #fff;--primary: #f1c40f;--black: #182339}html{font-size:62.5%}body{background-image:url(/bg.jpg);background-position:center;background-repeat:no-repeat;background-size:cover;min-height:100vh;font-family:Outfit,sans-serif;font-size:2rem}.container{max-width:60rem;width:95%;margin:0 auto}.app-title{font-size:3.8rem;margin-top:5rem;color:var(--white)}.app-title span{display:block;color:var(--primary);font-size:4.4rem}.content{margin-top:5rem;padding:6rem 2rem;background-color:var(--white);border-radius:1rem;box-shadow:#0000003d 0 3px 8px}.form,.field{display:flex;flex-direction:column;gap:2rem}.form label{color:var(--black)}.form select{background-color:#ecebeb;border:none;padding:1rem;border-radius:1rem;font-size:1.8rem}.form [type=submit]{background-color:var(--primary);color:var(--black);border:none;padding:1rem;font-weight:900;border-radius:1.5rem;cursor:pointer;font-size:1.5rem;margin-top:1rem;transition:background-color .3s ease}.form [type=submit]:hover{background-color:#f39c12}.result-container{margin-top:5rem;padding:2rem;background-color:var(--white);border-radius:1rem;box-shadow:#0000003d 0 3px 8px}.result-container h2{text-align:center;font-size:2.4rem;color:var(--black)}.result-info{display:grid;grid-template-columns:1fr 3fr;align-items:center;gap:2rem}.result-container img{width:100%}.result-container p{margin:0 0 1rem;font-size:1.6rem;color:var(--black)}.result-container span{font-weight:700}.spinner{margin:100px auto;width:40px;height:40px;position:relative;text-align:center;-webkit-animation:sk-rotate 2s infinite linear;animation:sk-rotate 2s infinite linear}.dot1,.dot2{width:60%;height:60%;display:inline-block;position:absolute;top:0;background-color:#0e2848;border-radius:100%;-webkit-animation:sk-bounce 2s infinite ease-in-out;animation:sk-bounce 2s infinite ease-in-out}.dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-rotate{to{-webkit-transform:rotate(360deg)}}@keyframes sk-rotate{to{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}@-webkit-keyframes sk-bounce{0%,to{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}@keyframes sk-bounce{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}