.beta-form{padding-top:50px;padding-bottom:90px;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--trafy-bg-white)}.beta-form-container{max-width:500px;width:100%;display:flex;flex-direction:column;gap:1rem}.beta-form-headline{display:flex;flex-direction:column;gap:.6rem}.beta-form-headline h2{font-size:26px;font-family:var(--h-font);color:var(--h-black);font-weight:500}.beta-form-headline p{font-size:16px;font-family:var(--p-font);color:var(--p-black);font-weight:400;line-height:150%}form{display:flex;flex-direction:column;gap:.8rem}.beta-form-fullname{width:100%;display:flex;gap:.7rem}.beta-form-credentials{width:100%;display:flex;flex-direction:column;gap:.8rem}.beta-form-credentials input,.beta-form-fullname input{width:100%;height:46px;padding:10px;border-radius:4px;font-size:14px;outline:none;background-color:#fafafa;border:1px solid #eee;color:var(--p-black)}.beta-form-checkbox-newsletter{display:flex;flex-direction:column;gap:10px;padding:6px 0}.beta-form-checkbox-newsletter label{display:flex;align-items:center;font-size:13px;font-family:var(--p-font);color:var(--p-black)}.beta-form-checkbox-newsletter input{margin-right:6px;width:14px;height:14px;background-color:var(--trafy-grey);transition:background-color .3s ease}.beta-form-checkbox-newsletter input:checked,.beta-form-user-contents button{background-color:var(--trafy-black)}.beta-form-user-contents button{color:var(--h-white);padding:10px 15px;font-size:16px;border:1px solid var(--trafy-black);border-radius:4px;cursor:pointer;font-family:var(--p-font);font-weight:400}.beta-form-contents{display:flex;flex-direction:column;gap:.3rem}.beta-form-contents p{font-size:13px;color:var(--p-black);font-weight:400;font-family:var(--p-font);line-height:140%}.beta-form-contents a{color:#3498db;text-decoration:none}.beta-form-contents a:hover{text-decoration:underline}.popup{position:fixed;top:20px;right:20px;padding:10px 12px;background-color:#fafafa;border:1px solid #eee;color:var(--trafy-black);border-radius:8px;font-size:15px;box-shadow:0 4px 8px rgba(0,0,0,.1);z-index:9999;opacity:0;animation:popupFadeIn .5s forwards;font-family:var(--h-font)}@keyframes popupFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.popup{top:10px;font-size:14px;padding:12px}}@media only screen and (max-width:600px){.beta-form-container{width:90%}}@media only screen and (max-width:400px){.beta-form{padding-bottom:50px}.beta-form-fullname{flex-direction:column}}