.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#22c55e,#16a34a);position:relative;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.login-background{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.gradient-blob{position:absolute;opacity:.1;animation:float 6s ease-in-out infinite}.blob-1{width:400px;height:400px;background:radial-gradient(circle,#ffffff 0%,transparent 70%);top:-100px;right:-50px;animation-delay:0s}.blob-2{width:300px;height:300px;background:radial-gradient(circle,#ffffff 0%,transparent 70%);bottom:-100px;left:-50px;animation-delay:2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(30px)}}.login-card{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;padding:48px 40px;width:100%;max-width:420px;position:relative;z-index:10}.login-header{text-align:center;margin-bottom:32px}.login-header h1{font-size:32px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header .subtitle{font-size:14px;color:#666;margin:0;font-weight:500}.login-form{margin-bottom:24px}.form-group{margin-bottom:20px;display:flex;flex-direction:column}.form-group label{font-size:13px;font-weight:600;color:#333;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-group input{padding:12px 14px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:inherit;transition:all .3s ease}.form-group input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message{background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;padding:12px 14px;font-size:13px;margin-bottom:16px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.btn{padding:12px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;text-transform:uppercase;letter-spacing:.5px}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 15px #22c55e59}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #22c55e73}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:#f5f5f5;color:#333;border:1px solid #ddd}.btn-secondary:hover:not(:disabled){background:#efefef;border-color:#999}.btn-block{width:100%}.login-divider{display:flex;align-items:center;margin:24px 0;color:#999;font-size:13px;font-weight:500}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ddd}.login-divider:before{margin-right:12px}.login-divider:after{margin-left:12px}.login-footer{text-align:center;margin-top:24px;padding-top:24px;border-top:1px solid #eee}.login-footer p{font-size:12px;color:#666;margin:0 0 6px;line-height:1.5}.login-footer .text-muted{color:#999;font-size:11px}@media (max-width: 480px){.login-card{padding:32px 24px;margin:16px}.login-header h1{font-size:28px}.blob-1,.blob-2{opacity:.05}}