body{background-color:#f1f1f1;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans,Helvetica,Arial,sans-serif}.container{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:400px;height:100vh;margin:0 auto;display:flex}.form{background-color:#fff;border-radius:5px;padding:2em;box-shadow:0 0 10px rgba(0,0,0,.1)}h1{text-align:center;margin-bottom:1em;font-size:2.5em}.form-control{flex-direction:column;align-items:flex-start;margin-bottom:1em;display:flex}label{margin-bottom:.5em;display:block}input[type=text]{box-sizing:border-box;background-color:#f2f2f2;border:1px solid rgba(80,80,80,.4);border-radius:5px;width:100%;padding:.8em;font-size:1.1em}input[type=password]{box-sizing:border-box;background-color:#f2f2f2;border:1px solid rgba(80,80,80,.4);border-radius:5px;width:100%;padding:.8em;font-size:1.1em}input[type=text]:focus{background-color:#e8e8e8;outline:none}input[type=password]:focus{background-color:#e8e8e8;outline:none}button{color:#fff;text-transform:uppercase;letter-spacing:1px;cursor:pointer;background-color:#ffa100;border:none;border-radius:5px;width:100%;padding:1em;font-size:1.1em;font-weight:600;transition:all .3s}button:hover{background-color:#ffbd2f}button:focus{outline:none}.button-container{margin-top:1em}.alert{opacity:0;border-radius:5px;padding:10px 20px;font-size:18px;transition:opacity .5s ease-in-out;display:none}.alert.success{color:#155724;background-color:#d4edda}.alert.error{color:#721c24;background-color:#f8d7da}