body,html{height:100%}body{align-items:center;background-color:#303030;color:#e5e5e5;display:flex;font-family:"system-ui",Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;justify-content:center}h1{border-bottom:1px solid #525252;font-size:28px;font-weight:700;line-height:1.2;margin-top:0;padding-bottom:12px}.container{animation:fadeIn .5s ease-in-out;background-color:#222;border:1px solid #525252;display:block;min-width:250px;padding:16px}.container-inner{gap:24px}.container-inner,.form-group{display:flex;flex-direction:column}.form-group label{font-size:14px;padding:0 0 8px}.form-group label:after{background:#ef4444;border-radius:50%;content:"";display:inline-block;filter:opacity(75%);height:4px;position:relative;right:-2px;top:-8px;width:4px}.form-group input{background-color:#303030;border:1px solid #525252;border-radius:4px;color:#e5e5e5;height:23px;padding:3px 7px 4px;transition:all .2s}.form-group input:focus{border:1px solid #e5e5e5;outline:none}.form-group input:valid{background-color:#525252}.submit{background-color:#2563eb;border:0;border-radius:4px;box-shadow:0 0 0 1px #404040,0 1px 1px 0 hsla(0,0%,9%,.5),0 2px 5px 0 rgba(64,64,64,.5);color:#e5e5e5;font-size:.875rem;font-weight:400;line-height:1.5;padding:4px 8px;text-align:center}.submit:hover{box-shadow:0 0 0 1px #262626,0 1px 1px 0 hsla(0,0%,9%,.5),0 2px 5px 0 rgba(38,38,38,.5),0 3px 9px 0 rgba(38,38,38,.5);cursor:pointer}.submit:focus{border:1px solid #000;outline:none}.submit:active{background-color:#1253df}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}