body{margin:0;font-family:Arial,sans-serif;background-color:#f7f7f7;display:flex;justify-content:center;align-items:center;height:100vh}.form-container{text-align:center;background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);max-width:600px;width:100%}.title{font-size:24px;color:#333;margin-bottom:20px}.form{display:flex;flex-direction:column;align-items:center}.styled-textarea{width:100%;max-width:500px;height:100px;margin-bottom:15px;border:2px solid #ccc;border-radius:5px;box-sizing:border-box}.styled-textarea:focus{border-color:#007bff;outline:none}.video-container{position:relative;display:flex;justify-content:center;align-items:center;margin-top:20px}.video-frame{position:relative;width:100%;max-width:800px}.video-overlay{position:absolute;bottom:0;left:0;width:100%;height:8%;background-color:#fff;z-index:2}.styled-video{width:100%;height:auto;position:relative;z-index:1}.styled-textarea{bottom:7%;left:68%;transform:translateX(-50%);height:80px}.styled-output,.styled-textarea{position:absolute;width:60%;padding:10px;font-size:16px;border:1px solid #ccc;border-radius:10px;background-color:hsla(0,0%,100%,.55);z-index:2}.styled-output{top:65%;right:68%;transform:translateX(50%)}.submit-button{position:absolute;bottom:1%;left:89%;transform:translateX(-50%);padding:10px 20px;font-size:16px;background-color:rgba(0,123,255,.7);color:#fff;border:none;border-radius:5px;cursor:pointer;z-index:3;width:100px;text-align:center;white-space:nowrap}.submit-button:disabled{background-color:rgba(0,123,255,.4);cursor:not-allowed}header{position:sticky;top:0;z-index:10;background-color:#fff}.top-navbar{width:100%;padding:10px 20px;box-shadow:0 2px 4px rgba(0,0,0,.1)}