body,html,#root{margin:0;padding:0;height:100%;width:100%;overflow:hidden;font-family:sans-serif;background-color:#000}.app-container{position:relative;height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;z-index:0;padding:2rem;box-sizing:border-box}.page-logo{position:relative;max-width:350px;width:30vw;min-width:150px;height:auto;z-index:1;margin-bottom:2rem}.background-video-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:-1}.background-video{width:100%;height:100%;object-fit:cover}.overlay-content{position:relative;z-index:1;color:#fff;background-color:transparent;padding:0;border-radius:8px;max-width:500px;width:90%}h1{margin-bottom:1rem}.signup-form form{display:flex;flex-direction:column;align-items:center;gap:1rem}.signup-form input[type=email],.signup-form input[type=text],.signup-form input[type=tel]{padding:.8rem;border:1px solid white;background-color:#00000080;color:#fff;border-radius:4px;width:70%;max-width:300px;text-align:center}.signup-form input[type=email]::placeholder,.signup-form input[type=text]::placeholder,.signup-form input[type=tel]::placeholder{color:#ffffffb3}.checkbox-container{display:flex;align-items:center;justify-content:center;width:100%;max-width:300px;margin:0 auto;gap:.5rem;text-align:center;padding-left:20px}.checkbox-container label{color:#fff;font-size:.9rem;text-align:left;flex:1;margin-right:0}.checkbox-container input[type=checkbox]{width:auto;min-width:16px;height:16px;cursor:pointer}.signup-form button{padding:.8rem 1.5rem;border:1px solid white;background-color:#2708d2;color:#fff;border-radius:4px;cursor:pointer;font-weight:700;transition:background-color .3s,color .3s}.signup-form button:hover{background-color:transparent;color:#fff}.message-container{background-color:#00000080;padding:1.5rem;border-radius:8px;margin:1rem auto 0;text-align:center;max-width:90%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:5em}.message-container .confirmation-message,.message-container .error-message{color:#fff;margin:0;font-weight:700}.message-container .confirmation-message{color:#fff}.message-container .error-message{color:#ff7f7f}.confirmation-message{margin-top:1rem;color:#4caf50;font-weight:700}
