.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 10px 30px #0003;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:32px}.logo-container{margin-bottom:20px;display:flex;justify-content:center;align-items:center}.groov-logo{width:80px;height:80px;object-fit:contain;border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease}.groov-logo:hover{transform:scale(1.05)}.login-header h1{color:#333;font-size:28px;font-weight:700;margin-bottom:8px}.login-header p{color:#666;font-size:14px}.login-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.login-btn{width:100%;padding:14px;font-size:16px;font-weight:600;margin-top:8px}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;margin-top:24px;padding-top:16px;border-top:1px solid #eee}.login-footer p{color:#999;font-size:12px}@media (max-width:480px){.login-container{padding:16px}.login-card{padding:24px}.login-header h1{font-size:24px}.groov-logo{width:60px;height:60px}}