:root{--primary-color: #4285F4;--secondary-color: #34A853;--accent-color: #FBBC05;--danger-color: #EA4335;--light-bg: #f8f9fa}.body-login{background-color:var(--light-bg);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;display:flex;align-items:center;justify-content:center}.login-container{max-width:1000px;background:white;border-radius:12px;box-shadow:0 10px 30px #0000001a;overflow:hidden}.logo-section{background:linear-gradient(135deg,var(--primary-color),#2a56a7);color:#fff;padding:30px;display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center}.logo-img{width:80px;height:80px;background:white;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:15px}.logo-text{font-weight:700;font-size:24px;margin-top:10px}.form-section{padding:30px}.welcome-text{text-align:center;margin-bottom:25px}.welcome-text h4{color:var(--primary-color);font-weight:600}.welcome-text p{color:#6c757d}.form-control{border-radius:8px;padding:12px 15px;border:1px solid #ddd;transition:all .3s}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 .25rem #4285f440}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);border-radius:8px;padding:12px;font-weight:600;transition:all .3s}.btn-primary:hover{background-color:#2a56a7;border-color:#2a56a7;transform:translateY(-2px)}.divider{display:flex;align-items:center;text-align:center;margin:25px 0;color:#95a5a6;font-weight:500}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #ddd}.divider:before{margin-right:.5em}.divider:after{margin-left:.5em}.btn-google{border-radius:8px;padding:12px;font-weight:500;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:10px;width:100%}.btn-google-primary{background-color:#fff;color:var(--primary-color);border:1px solid #ddd}.btn-google-primary:hover{background-color:#f8f9fa;border-color:#ccc;transform:translateY(-2px)}.btn-google-warning{background-color:#fff;color:#fd7e14;border:1px solid #ddd}.btn-google-warning:hover{background-color:#fff9f0;border-color:#ccc;transform:translateY(-2px)}.footer{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #eee;color:#6c757d;font-size:14px}@media (max-width: 768px){.login-container{flex-direction:column;margin:20px}.logo-section,.form-section{padding:20px}}