main{margin:0;padding:0;overflow-x:hidden}.login-container{background:linear-gradient(90deg,#f5f4f0 0%,#f90 50%,#fff 50% 100%);flex-direction:row;width:100vw;min-height:100vh;display:flex}.brand-section{text-align:center;color:#fff;clip-path:polygon(0 0,100% 0,90% 100%,0% 100%);background-color:#142850;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.branding-logo{width:300px;height:auto;margin-bottom:1rem}.brand-section h1{margin:0;font-size:4rem}.brand-section p{opacity:.9;font-size:1.75rem}.login-option-section{background-color:#fff;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;display:flex}.login-instruction-text{color:#3c4043;text-align:center;max-width:400px;margin:0;font-size:18px;font-weight:400;line-height:1.5}.login-google{cursor:pointer;background:#fff;border:1px solid #dadce0;border-radius:4px;justify-content:center;align-items:center;gap:16px;width:400px;height:64px;padding:0 24px;font-family:Roboto,Arial,sans-serif;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014}.login-google:hover{background:#f8f9fa;border-color:#d2e3fc;box-shadow:0 1px 6px #00000026}.login-google:active{background:#f1f3f4;box-shadow:0 1px 3px #00000014}.google-logo{object-fit:contain;width:24px;height:24px}.login-google span{color:#3c4043;letter-spacing:.25px;font-size:16px;font-weight:500}@media (max-width:768px){.login-container{background:#fff;flex-direction:column}.brand-section{clip-path:none;flex:none;width:100%;padding:3rem 1rem}.brand-section h1{font-size:2.5rem}.login-option-section{flex:1;gap:20px;padding:3rem 1rem}.login-instruction-text{max-width:100%;padding:0 1rem;font-size:16px}.login-google{width:100%;max-width:400px;height:56px}.google-logo{width:20px;height:20px}.login-google span{font-size:15px}}