.signup-container{display:flex;width:100%;max-width:1200px;margin:auto;padding:5% 10% 0}.left-section{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1b7339;color:#fff;border-radius:5%}.left-section h2{margin-bottom:revert;width:70%;font-size:1.5em;text-align:start}.left-section h2 span{color:#4ee209}.image-container{width:75%}.image-container img{width:100%}.right-section{flex:1;background-color:#fefed3;display:flex;flex-direction:column;justify-content:center;align-items:center}.right-section a{font-weight:700;font-size:1.2em;color:#1b7339}.password-field{position:relative;display:flex;align-items:center;width:100%}.password-field input{width:100%;border:1px solid #ddd;border-radius:25px;font-size:1em;padding:10px 40px 10px 10px;box-sizing:border-box}.toggle-password{position:absolute;right:10px;cursor:pointer;font-size:1.2em;color:#555;top:8px}.right-section h2{font-size:2em;color:#1b7339}.right-section p{font-size:.9em;margin-bottom:20px}form{display:flex;flex-direction:column;width:100%;padding:0 10%}form input{margin-bottom:15px;border:1px solid #ddd;border-radius:25px}form button,form input{padding:10px;font-size:1em;box-sizing:border-box}form button{background-color:#86f600;color:#145e2a;border:none;cursor:pointer;font-weight:700;transition:background-color .3s ease;border-radius:25px}form button:hover{background-color:#7cdb08}.google-signup{display:flex;align-items:center;justify-content:center;padding:10px;border:1px solid #ddd;border-radius:5px;background-color:#fff;cursor:pointer}.google-signup img{width:20px;margin-right:10px}.google-signup:hover{background-color:#f7f7f7}@media (max-width:900px){.signup-container{flex-direction:column}.left-section,.right-section{width:100%;padding:20px}.left-section{order:2}.right-section{order:1}.image-container,.image-container img{width:100%}.left-section h2{font-size:1.2em}.right-section h2{font-size:1.5em}.right-section p{font-size:.8em}form{padding:0 5%}form button,form input{font-size:.9em}}.page-overlay{top:0;left:0;width:100%;height:100%;background-color:hsla(0,0%,100%,.5);z-index:10}.page-overlay,.spinner-container{position:fixed;cursor:not-allowed}.spinner-container{top:50%;left:50%;transform:translate(-50%,-50%);z-index:11}