*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,Segoe UI,sans-serif}body{background-color:#f9f9f9;min-height:100vh;display:flex;flex-direction:column}.login-page-center{min-height:80vh;display:flex;align-items:center;justify-content:center;padding-bottom:40px}.login-card-container{display:flex;width:90%;max-width:1200px;background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 10px #0000001a;margin:40px 0 0}.left-side{background-color:#2d3072;flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;border-top-right-radius:50px;border-bottom-right-radius:50px}.illustration{width:100%;display:flex;align-items:center;justify-content:center;height:100%}.illustration img{width:95%;max-width:420px;height:auto;display:block;margin:0 auto;-o-object-fit:contain;object-fit:contain;max-height:400px}.right-side{flex:1;padding:2rem;display:flex;flex-direction:column;justify-content:center}.form-container{width:100%;max-width:400px;margin:100px auto;min-height:500px;display:flex;flex-direction:column;justify-content:space-between}.tab-btn{background:#fff;color:#2d3072;border:1px solid #2d3072;border-radius:10px;padding:.5rem 1.5rem;margin:0 4px;cursor:pointer;transition:all .3s}.tab-btn.active,.tab-btn:not(.active):hover{background:#2d3072;color:#fff}h1{font-size:1.8rem;color:#333;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.2rem}label{display:block;margin-bottom:.5rem;color:#555;font-size:.9rem}input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:10px;font-size:1rem;transition:border-color .3s}input:focus{outline:none;border-color:#2d3072}.submit-btn{width:100%;background-color:#f97316;color:#fff;border:none;padding:.85rem;border-radius:10px;font-size:1rem;cursor:pointer;transition:background-color .3s;margin-top:1rem}.submit-btn:hover{background-color:#ea580c}.register-link,.login-link{text-align:center;margin-top:1.5rem;font-size:.9rem;color:#555}.register-link a,.login-link a{color:#2d3072;text-decoration:none;font-weight:500}.register-link a:hover,.login-link a:hover{color:#f97316}.footer-custom,x-footer,footer,.footer{background:#2d3072!important;color:#fff;border-radius:0!important;box-shadow:none!important;padding:32px 0 16px;width:100%;max-width:100%}.footer-custom .container i{background:transparent!important;box-shadow:none!important;border-radius:0!important;padding:0}.google-btn{display:flex;align-items:center;justify-content:center;gap:10px;background:#fff;color:#222;border:1.5px solid #ddd;border-radius:10px;padding:.7rem 1.2rem;font-size:1rem;font-weight:500;box-shadow:0 2px 8px #2c3e500f;cursor:pointer;text-decoration:none!important;transition:box-shadow .2s,border-color .2s,background .2s}.google-btn:hover{border-color:#f97316;background:#f3f3f3;color:#f97316;box-shadow:0 4px 16px #f973161a;text-decoration:none!important}.google-icon{width:22px;height:22px;display:inline-block}@media (max-width: 768px){.login-card-container{flex-direction:column}.left-side{height:200px}.right-side{padding:1.5rem}.form-container{margin:40px auto;min-height:400px}}