body{font-family:Arial,sans-serif}form{background-color:#fff;border:1px solid #ddd;box-shadow:2px 2px 5px rgba(0,0,0,.2);border-radius:10px;padding:20px;max-width:400px;width:90%;margin:0 auto;position:relative}.button-container{text-align:center}input[type=submit]{margin-top:20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;padding:10px;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,.3);transition:all .3s ease}input[type=submit]:hover{background-color:#3e8e41}input[type=submit]:active{transform:translateY(2px);box-shadow:0 2px 5px rgba(0,0,0,.3)}input[type=text]{border:1px solid #ccc;border-radius:5px;padding:5px;width:100%;margin-bottom:20px;transition:all .3s ease;box-sizing:border-box}input[type=text]:focus{border:2px solid #4caf50;outline:0}input[type=email]{width:calc(100% - 22px);padding:10px;margin-bottom:10px;border:1px solid #ccc;border-radius:5px;transition:box-shadow .3s}input[type=email]:hover{box-shadow:0 0 10px rgba(0,0,0,.2)}input[type=email]:focus{border:2px solid #4caf50;outline:0}.success{background-color:#dff0d8;color:#3c763d;border:1px solid #d6e9c6;border-radius:5px;padding:10px;margin-bottom:20px;box-shadow:0 2px 5px rgba(0,0,0,.3);transition:all .3s ease;position:relative}.error{background-color:#f2dede;color:#a94442;border:1px solid #ebccd1;border-radius:5px;padding:10px;margin-bottom:20px;box-shadow:0 2px 5px rgba(0,0,0,.3);transition:all .3s ease;position:relative}.error::before,.success::before{content:"";position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;z-index:-1;box-shadow:0 2px 5px rgba(0,0,0,.3);opacity:0;transition:all .3s ease}.error:hover::before,.success:hover::before{opacity:1}.success-message img{display:block;margin:0 auto}@media only screen and (max-width:768px){form{max-width:100%;padding:10px}input[type=text]{border:1px solid #ccc;border-radius:5px;padding:5px;width:100%;margin-bottom:20px;transition:all .3s ease;box-sizing:border-box}input[type=text]:focus{border:2px solid #4caf50;outline:0}.button-container{text-align:center}input[type=submit]{margin-top:20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;padding:10px;cursor:pointer;box-shadow:0 5px 15px rgba(0,0,0,.3);transition:all .3s ease}input[type=submit]:hover{background-color:#3e8e41}input[type=submit]:active{transform:translateY(2px);box-shadow:0 2px 5px rgba(0,0,0,.3)}}.hidden{display:none}