@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";body{font-family:Inter,sans-serif;background:#fafafa;margin:0;padding:0}.app-header{background:#fff;min-height:20vh;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-header h1{font-size:3rem;letter-spacing:-.03em;margin:.5rem 0}.button{background:#000;color:#fff;border:none;border-radius:.25rem;font:inherit;padding:1rem 1.5rem}.button:hover{opacity:.8;cursor:pointer}.content-container{padding:4rem 10vw}.field-group{display:flex;flex-direction:column;gap:.5rem;margin:1rem 0}.field-group label:not(:has(input)),.field-group .label-text{font-weight:500}.field-group input[type=text],.field-group input[type=password],.field-group input[type=email],.field-group input[type=number]{max-width:10rem;padding:1rem;background:#e5e5e5;border:none;border-radius:.25rem;font:inherit}:is(.field-group input[type=text],.field-group input[type=password],.field-group input[type=email],.field-group input[type=number]):focus{outline:none;background:color-mix(in lab,#e5e5e5 95%,black 5%)}:is(.field-group input[type=text],.field-group input[type=password],.field-group input[type=email],.field-group input[type=number]):invalid{background:color-mix(in lab,#e5e5e5 90%,red 10%)}.field-group .radio-group{display:flex;flex-direction:column}.field-group .error-msg{color:#c10007}.field-group:has(.error-msg) input{background:color-mix(in lab,#e5e5e5 90%,red 10%)}