.form-body{height:100vh;margin:0;display:flex;justify-content:center;align-items:center}.form-container{background:rgba(255,255,255,.1);padding:20px;border-radius:10px;box-shadow:0 4px 30px rgba(0,0,0,.1);width:100%;max-width:400px;box-sizing:border-box;position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.form-container:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:inherit;filter:blur(20px);opacity:.6;z-index:-1}.form-title{font-family:Billabong,cursive;color:white;margin-bottom:20px;font-size:36px;text-align:center}.form-group{margin-bottom:15px}.form-group.inline{display:flex;gap:10px}.form-group label{display:block;font-weight:700;margin-bottom:5px;color:white;font-family:Billabong,cursive}.form-group input{width:100%;padding:10px;border:3px solid #ffffff57;border-radius:10px;box-sizing:border-box;box-shadow:0 0 10px rgba(0,0,0,.1);position:relative;background:transparent;color:white}.form-group input:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:inherit;filter:blur(10px);opacity:.6;z-index:-1}.form-group.button{text-align:center}.form-group button{background-color:#ffffff;color:rgb(0,0,0);padding:10px 15px;border:none;border-radius:5px;cursor:pointer;font-family:Billabong,cursive}.form-group button:hover{background-color:#efefef;font-family:Billabong,cursive}.form-footer{margin:10px 0;display:flex;justify-content:right}.form-footer a{transition:all .2s ease-in}.form-footer a,.form-footer a:hover{text-decoration:none;color:white;font-family:Billabong,cursive;cursor:pointer}.form-footer a:hover{transform:scale(1.05)}.spinner{border-radius:50%;border:4px solid rgba(0,0,0,.1);border-top-color:#000;width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}