.login-container{display:flex;justify-content:center;align-items:center;min-height:600px;padding:2rem 1rem;font-family:none!important}.login-box{background:white;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:3rem 2.5rem;width:100%;max-width:450px;border-top:4px solid #2d5a27}.login-box h2{text-align:center;color:#2d5a27;font-size:1.8rem;margin:0 0 2rem;font-weight:600;letter-spacing:.5px}.google-signin-container{margin-bottom:1.5rem;width:100%}.btn-google-signin{transition:all .2s ease!important}.btn-google-signin:hover{background:#f8f9fa!important;border-color:#c4c7c5!important;box-shadow:0 1px 3px rgba(0,0,0,.1)!important}.btn-google-signin:disabled{opacity:.6!important;cursor:not-allowed!important}.divider:before{background:#dadce0}.divider span{color:#5f6368;z-index:1}.btn-google-fallback:hover:not(:disabled){background:#f8f9fa;border-color:#c4c7c5;box-shadow:0 1px 3px rgba(0,0,0,.1)}.btn-google-fallback:disabled{opacity:.6;cursor:not-allowed}.btn-google:hover{background:#f8f9fa;border-color:#c4c7c5;box-shadow:0 1px 3px rgba(0,0,0,.1)}.btn-google svg{flex-shrink:0}.divider{text-align:center;margin:1.5rem 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5f9e0}.divider span{position:relative;background:white;padding:0 1rem;color:#999;font-size:.9rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.6rem;color:#2d5a27;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.form-group input[type=email],.form-group input[type=password]{width:100%;padding:.9rem 1rem;border:2px solid #e5f9e0;border-radius:8px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;transition:all .3s ease;box-sizing:border-box;background-color:#fafafa}.form-group input[type=email]:focus,.form-group input[type=password]:focus{outline:none;border-color:#2d5a27;background-color:white;box-shadow:0 0 0 3px rgba(45,90,39,.1)}.btn-login{width:100%;padding:1rem;background:linear-gradient(135deg,#2d5a27,#3fd05a);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(45,90,39,.2)}.btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(45,90,39,.3);background:linear-gradient(135deg,#1f4119,#3fd05a)}.btn-login:active{transform:translateY(0);box-shadow:0 2px 8px rgba(45,90,39,.2)}.login-links{text-align:center;margin:1.5rem 0}.login-links .link{color:#e67e22;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.login-links .link:hover{color:#d45d0a;text-decoration:underline}.btn-register{display:block;padding:1rem;background:transparent;color:#2d5a27;border:2px solid #2d5a27;border-radius:8px;text-align:center;font-size:1rem;font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease}.btn-register:hover{background-color:#2d5a27;color:white;box-shadow:0 4px 12px rgba(45,90,39,.2)}.back-link{text-align:center;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5f9e0}.success-message{background-color:#e8f8f0;border-left:4px solid #3fd05a;color:#1f6b42}.error-message,.success-message{padding:1rem;border-radius:4px;margin-bottom:1.5rem;font-weight:500;animation:slideIn .3s ease-out}.error-message{background-color:#ffe8e8;border-left:4px solid #e74c3c;color:#a93226}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.google-loading{display:flex;align-items:center;justify-content:center;gap:.8rem;padding:.9rem 1rem;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;color:#6c757d;font-size:.9rem;margin-bottom:1rem}.loading-spinner{width:20px;height:20px;border:2px solid #e9ecef;border-top-color:#007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.link-home{color:#999;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.link-home:hover{color:#2d5a27}@media (max-width:768px){.login-container{min-height:auto;padding:1.5rem 1rem}.login-box{padding:2rem 1.5rem;border-radius:8px}.login-box h2{font-size:1.5rem;margin-bottom:1.5rem}.form-group input[type=email],.form-group input[type=password]{padding:.75rem .9rem;font-size:16px}.btn-google,.btn-login,.btn-register{padding:.9rem;font-size:.95rem}}@media (max-width:480px){.login-box{padding:1.5rem 1rem;box-shadow:0 2px 10px rgba(0,0,0,.08)}.login-box h2{font-size:1.3rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.2rem}.form-group label{font-size:.85rem}}