*{box-sizing:border-box}body{margin:0;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;transition:background .3s ease,color .3s ease}.container{display:flex;width:100%;height:100vh;overflow:hidden}.left-section{flex:1;background:#000}.left-section img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.right-section{flex:1;padding:4rem 5rem;display:flex;flex-direction:column;justify-content:center;background:#fff;color:#000}.right-section h1{font-size:26px;margin-bottom:2rem}form{display:flex;flex-direction:column}label{font-size:.9rem;margin-bottom:.3rem;margin-top:1rem}input{padding:.75rem;border-radius:6px;border:1px solid #ccc;font-size:1rem}.email-button,.google-button{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:.8rem;font-size:1rem;border-radius:6px;border:none;cursor:pointer;margin-top:1.2rem;transition:all .3s ease}.email-button{background:#200152;color:#fff}.email-button:hover{background:#3b0aa1}.google-button{background:#4285f4;color:#fff}.google-button:hover{background:#2f6ad9}.divider{position:relative;text-align:center;margin:2rem 0;font-size:.85rem;color:#555}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#ddd}.divider:before{left:0}.divider:after{right:0}.divider span{background:#fff;padding:0 10px}.terms{font-size:.8rem;color:#555;margin-top:1.5rem}.terms a,.signin a{color:#6c63ff;text-decoration:none}.terms a:hover,.signin a:hover{text-decoration:underline}.signin{margin-top:1.2rem;font-size:.9rem}body.dark{background:#121212;color:#fff}body.dark .right-section{background:#1e1e1e;color:#fff}body.dark input{background:#2a2a2a;color:#fff;border-color:#444}body.dark .divider span{background:#1e1e1e}body.dark .divider:before,body.dark .divider:after{background:#444}@media(max-width:900px){.container{flex-direction:column}.left-section{height:200px}.right-section{padding:2.5rem}}