.title{text-align:center;background:linear-gradient(to right,#007BFF,#00FFA3);background-clip:text;-webkit-text-fill-color:transparent}.colorful{background:linear-gradient(to right,#23c75a,#ff0040);background-clip:text;-webkit-text-fill-color:transparent}.colorful2{background:linear-gradient(to right,#45e3f8,#ffd900);background-clip:text;-webkit-text-fill-color:transparent}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;background-color:#f4f4f4}.form{background-color:#fff;padding:20px;border-radius:5px;box-shadow:0 0 10px #0000001a;max-width:500px;width:100%}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-group input{width:99%;padding:10px 0 10px 10px;border-radius:5px;border:1px solid #ddd}.btn{background-color:#007bff;color:#fff;padding:10px 15px;border:none;border-radius:5px;cursor:pointer}.toggle-mode{margin-top:15px;cursor:pointer;color:#007bff}.error-message{color:red;background-color:#ffe6e6;padding:10px;border-radius:5px;margin:20px 0}