body{margin:0;padding:0;overflow:hidden;width:100vw;height:100vh}.big_box{min-height:100vh;min-width:100vw;overflow:hidden;border:1px solid transparent;background-image:url(https://imgbed.3865472.xyz/file/1756413348168_Gy-w-QFWoAAG3hY.jpeg);background-size:cover;background-repeat:no-repeat}.box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;max-width:90vw;padding:24px;background:rgba(255,255,255,.45);box-sizing:border-box;box-shadow:0 15px 25px #00000080;border-radius:10px}.box h2{margin:0 0 24px;padding:0;color:#fff;text-align:center}.box .inputBox{position:relative}.box .inputBox input{width:100%;padding:10px 0;font-size:16px;color:#fff;letter-spacing:1px;margin-bottom:20px;border:none;border-bottom:1px solid #fff;outline:none;background:transparent}.box .inputBox label{position:absolute;top:0;left:0;padding:10px 0;letter-spacing:1px;font-size:16px;color:#fff;pointer-events:none;transition:.5s}.box .inputBox input:focus~label,.box .inputBox input:valid~label{top:-18px;left:0;color:#03a9f4;font-size:12px}.box input[type=submit]{background:transparent;border:none;outline:none;color:#fff;background:#03a9f4;padding:10px 20px;cursor:pointer;border-radius:5px}.error{color:#ef4444;margin-top:12px;font-size:15px}